linux搭建vue开发环境

1.node

 $wget https://nodejs.org/download/release/v16.5.0/node-v16.5.0-linux-x64.tar.xz
 $tar -xvf node-v16.5.0-linux-x64.tar.xz
 $mv node-v9.11.2-linux-x64 node-v16.5.0

解压以后，里面已经有node、npm，做个软连接，可以全局使用

$ sudo ln -s /home/myname/workspace/vue/node-v16.5.0/bin/node /usr/local/bin/node
$ sudo ln -s /home/myname/workspace/vue/node-v16.5.0/bin/npm /usr/local/bin/npm
$ node -v
$ npm -v

2. cnpm

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

安装以后，cnpm放在了node-v16.5.0/bin/cnpm，同理，需要加个软连接，才能全局使用

sudo ln -s /home/myname/workspace/vue/node-v16.5.0/bin/cnpm /usr/local/bin/cnpm

cnpm -v

3.vue-cli

cnpm install -g vue-cli

sudo ln -s /home/myname/workspace/vue/node-v16.5.0/bin/vue /usr/local/bin/vue

4.demo

vue init webpack vue-demo

cd vue-demo/
#加载一次
cnpm install

npm run dev

        这样，demo创建好了，也跑起来了，但是只能用localhost:8080访问，如果其他电脑访问，需要修改一下配置：vim config/index.js

将localhost改成0.0.0.0

5. 遇到的问题

如果把一个工程copy到另外一台电脑，在新环境下，可能会出现以下报错

webpack-dev-server:Permission denied

解决办法：

cd 项目/node_modules/.bin/
chmod 777 webpack-dev-server

https://cn.vuejs.org/v2/guide/installation.html