1.安装nodejs

从nodejs官网(http://nodejs.cn/download/)下载安装包

2.解压缩:

tar -xvf node-v10.15.3-linux-x64.tar.xz

5.建立node 和 npm 的软链接

sudo ln -s /home/myVue/env/node-v10.15.3-linux-x64/bin/node /usr/local/bin/node
sudo ln -s /home/myVue/env/node-v10.15.3-linux-x64/bin/npm /usr/local/bin/npm

使用node -v 和npm -v 来查看是否安装成功,安装成功会显示版本信息

这样表示是安装成功了

6.安装cnpm

安装cnpm是因为使用npm install安装包时速度很慢,所以建议安装cnpm后使用cnpm install来安装包。

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

安装完成后同样要建软链接,否则在使用cnpm时会报No command 'cnpm' found的错误。

sudo ln -s /home/myVue/env/node-v10.15.3-linux-x64/bin/cnpm /usr/bin/cnpm

7.安装vue-cli

cnpm install -g vue-cli

安装完成后同样要建立软链接,否则会报No command 'vue' found的错误。

sudo ln -s /home/myVue/env/node-v10.15.3-linux-x64/bin/vue /usr/bin/vue

如果不想每次全局安装后都去建立软链接,可以在安装完npm或cnpm后,
使用以下命令将安装路径指向/usr/local,
这样之后使用npm或cnpm安装包之后就可以直接使用命令。
npm config set prefix /usr/local
cnpm config set prefix /usr/local

设置完之后可以使用下列命令进行查看。
npm root -g
cnpm root -g

8.使用vue-cli创建项目(可选,以下所有内容可以不用操作)

vue init webpack my_project
测试创建项目过程随便填写即可,遇到无选项的就按回车,遇到Y/n就输入Y。

下载完成后执行下列命令可运行项目。

cd /home/myVue/env/my_project
cnpm install
cnpm run dev

现在,项目还不能在外网访问,需要做其他配置。

 

9.解决外网不能访问的问题
修改config/index.js 的 host 属性为 ‘0.0.0.0’

cd config/
vim index.js

 

修改 build/webpack.dev.conf.js 的 devServer 配置

增加 disableHostCheck : true

cd build/
vim webpack.dev.conf.js

 

然后启动,外网就可以访问了!!!

cd /home/myVue/env/my_project
cnpm install
cnpm run dev

现在在外网就可以访问了。