这图是老版的vue-cli2的开发环境搭建方式，看最新版的忽略即可。

搭建VUE开发环境的步骤

1. 安装node.js
2. 搭建vue的开发环境，安装vue的脚手架工具
3. 创建项目

这个步骤中的所有操作均针对本文发表时最新的脚手架(@vue/cli 4.0.4)。

安装node.js

官方下载地址
选择对应的操作系统即可。下载好了就是一路点点点。

搭建vue的开发环境

cnpm install -g @vue/cli

安装好之后可以用

vue -V

来查看当前版本信息。

@vue/cli 4.0.4

创建项目

vue create program-name

可以选择手动设置或者是default,如果新手，建议default.

运行项目

cd program-name && cnpm run serve

tips

安装过程中如果有deny等拒绝访问问题，代表用户权限不够, sudo提权即可。