本次以WIN10系统为例，其他系统略有差异。
第一步，安装npm：进入Node.js官网下载左侧稳定版，因为node包含npm
由于node包含npm，所以我们只需要安装node就好了。
进入Node.js官网首页下载左侧稳定版，根据提示安装即可。没什么特殊注意的情况，这里就不做演示了，安装过的同学可以跳过这一步。
第二步，进入命令行：按下键盘 WIN+R 键，输入 cmd 回车进入命令行
按下键盘 WIN+R 键，输入 cmd 回车进入命令行。
安装过的同学，可以输入 npm -v 查看npm的版本：
npm -v
输入node -v 查看 node.js 的版本：
node -v
版本过低的建议升级。
在命令行中点击鼠标右键进行粘贴
第三步，安装Vue-cli脚手架工具：在命令行输入 npm install @vue/cli 命令安装Vue-cli
安装Vue-cli：
npm install @vue/cli
也可以指定版本：
npm install @vue/cli@4.5.13
安装过程时间较长请耐心等待。
显示这样就说明脚手架安装成功了。
下载过程卡顿或没有安装成功的同学可以长按 ctrl + c，终止下载安装；
再按 ⬆ 后或重新输入 npm install @vue/cli下载安装。
第四步，创建项目：切换至安装目录，使用 vue create （项目名）命令创建项目
切换目录
切换至安装目录，创建项目。
本次以在桌面创建项目为例
cd Desktop
使用 vue create 命令创建项目
vue create demo1
项目配置
请按实际需求配置项目
Please pick a preset?
使用回车键选择
Check the features needed for your project?
使用空格键选择
Choose a version of Vue.js that you want to start the project with ?
Use history mode for router?
Pick a linter / formatter config?
Pick additional lint features?
Where do you prefer placing config for Babel, ESLint, etc.?
Save this as a preset for future projects?
项目创建成功页面效果：
第五步，启动项目：在命令行输入 npm run serve 命令启动服务
进入项目目录：
cd demo1
启动项目：
npm run serve
进入 http://localhost:8080/ 访问项目：
项目启动成功：
扩展： Vetur （VSCode插件）能自动感知Vue代码，有代码高亮效果
最后推荐一个VSCode开发Vue常用的插件 Vetur 。
它可以帮助我们自动感知Vue代码，有代码高亮效果。
总结
- 第一步，安装npm：进入Node.js官网下载左侧稳定版，因为node包含npm；
- 第二步，进入命令行：按下键盘 WIN+R 键，输入 cmd 回车进入命令行；
- 第三步，安装Vue-cli脚手架工具：在命令行输入 npm install @vue/cli命令安装Vue-cli；
- 第四步，创建项目：切换至安装目录，使用 **vue create （项目名）**命令创建项目；
- 第五步，启动项目：在命令行输入npm run serve命令启动服务；
- 扩展： Vetur （VSCode插件）能自动感知Vue代码，有代码高亮效果；
结语
本小节到此结束，谢谢大家的观看！
如有问题欢迎各位指正
