首先，更新软件源软件列表：

 

nodejs安装

使用apt安装nodejs（sudo apt install nodejs）：

 

使用nodejs命令查看nodejs版本号，顺便测试nodejs是否正确安装（nodejs -v）：

 

npm安装

使用apt安装npm（sudo apt install npm）：

 

查看npm版本号，顺便测试npm是否正确安装（npm -v）：

 

cnpm安装(淘宝NPM镜像)

cnpm是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。

使用npm安装cnpm（sudo npm install -g cnpm --registry=https://registry.npm.taobao.org）：

 

查看cnpm版本号，顺便测试cnpm是否正确安装（cnpm -v）：

 

Vue安装

安装vue脚手架工具vue-cli，用来搭建项目所需模板框架（sudo cnpm install -g vue-cli）：

 

查看Vue版本号，顺便测试是否正确安装（vue -V），至此Vue安装便已经完成：

 

创建Vue项目

创建Vue项目vue-demo（sudo vue init webpack vue-demo）：

 

进入项目文件夹内（cd vue-demo），并安装项目依赖（sudo cnpm install）：

 

运行项目（sudo npm run dev）：

 

运行成功会提示我们项目访问地址，这里是（http://localhost:8080）：

 

打开浏览器，即可看到Vue项目初始界面首页：

 

注意

如果在创建Vue项目时出现如下错误（vue-cli · Failed to download repo vuejs-templates/webpack: read ECONNRESET），一般是网络问题，比如公司网络限制了对github的访问，此时有可能可以ping通github，但是访问不了github页面，还是会报如下错误，所以建议使用手机热点便可以解决问题：