第一步：安装VUE之前，首先要安装Node.js，可以去官方下载链接。
安装完成后，命令检查一下是否安装成功：node -v
安装完Node.js后，会自带npm，查看版本：npm -v
但是Node自带的npm不是最新的，如需要最新的，需要运行命令：npm install -g npm
第二步：安装VUE项目构建工具vue-cli
全局安装，运行命令：npm install vue-cli -g
安装完成后，查看是否安装成功：vue list
第三步：新建项目
- webstorm新建项目
image.png
点击next之后，配置一些项目选项
Install vue-router? Yes
Use ESLint to lint your code? No （代码格式）
Setup unit test? No （单元测试）
Setup e2e tests with Nightwatch? No
Run npm install Later....? Yes, user npm
完成之后，项目创建好了！
-
命令行新建项目
选定项目路径，命令行进入该路径，创建一个名为vue的项目，命令行运行：
vue init webpack vue
image.png
创建项目完成！
第四步：运行项目
找到项目路径，运行：npm install
如果觉得直接使用npm的官方镜像很慢，建议不要使用cnpm，据说会有很多bug，可以通过重新指定registry，命令如下：
npm install --registry=https://registry.npm.taobao.org
运行完成后，项目中会一个node_modules文件夹，再运行：npm run dev
项目就启动完成了！
image.png
