1.查看node版本号
![](https://img.haomeiwen.com/i11977720/380981753a7ee4ef.png)
2.查看npm版本号
![](https://img.haomeiwen.com/i11977720/efdeff7396a58f80.png)
3.安装全局cli
![](https://img.haomeiwen.com/i11977720/a8bb19dab0b4d6cc.png)
![](https://img.haomeiwen.com/i11977720/f3ae4bffccc6966c.png)
4.检测vue-cli是否安装成功
![](https://img.haomeiwen.com/i11977720/2856210aeafdcf48.png)
5.指定创建位置
![](https://img.haomeiwen.com/i11977720/b0080524786734de.png)
6.创建项目
![](https://img.haomeiwen.com/i11977720/853b99458bf6c7de.png)
7.配置项目
![](https://img.haomeiwen.com/i11977720/45f7cc5c5fc9662f.png)
8.安装依赖(走你)
![](https://img.haomeiwen.com/i11977720/39e3fc9446c152a1.png)
9.安装依赖文件
![](https://img.haomeiwen.com/i11977720/7c7394bcd342aa8f.png)
10.运行
![](https://img.haomeiwen.com/i11977720/418e0332960113f0.png)
![](https://img.haomeiwen.com/i11977720/185b9453abdb49d5.png)
11.总结:
1.使用脚手架能使开发速度更快;
2.脚手架是通过webpack搭建的开发环境;
3.实现了页面自动刷新(编译器里面一保存,浏览器就自动刷新);
4.可以使用ES6的语法(会在打包文件的时候变成ES5,不必但是浏览器对ES6不兼容,能够正常去识别);
5.因为涉及到webpack,能够将你当前所涉及到的所有JS文件,打包,然后压缩成一个文件,然后只需要引入一个文件就能够正常使用所需要的库;
6.所写的项目是在脚手架环境中去编译的,而不是在浏览器中编译。所有速度会很快;
网友评论