本次以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/[email protected]

安装过程时间较长请耐心等待。

显示这样就说明脚手架安装成功了。

下载过程卡顿或没有安装成功的同学可以长按 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代码，有代码高亮效果；

结语

本小节到此结束，谢谢大家的观看！

如有问题欢迎各位指正