VUE脚手架安装(Windows)

1.查看node版本号

VUE脚手架安装(Windows)_第1张图片
查看node.js版本号命令:node -v(6.9以上)

2.查看npm版本号


VUE脚手架安装(Windows)_第2张图片
查看npm版本号命令:npm -v(3.10以上)

3.安装全局cli


官网的命令行工具可以找到


VUE脚手架安装(Windows)_第3张图片
直接复制粘贴回车即可(因我已经安装,就暂时不回车,嘻嘻)

4.检测vue-cli是否安装成功


VUE脚手架安装(Windows)_第4张图片
检测命令:vue --version

5.指定创建位置


还是使用命令,跟着路径找寻

6.创建项目


回车后会花一点时间将项目模板下载下来

7.配置项目


VUE脚手架安装(Windows)_第5张图片
配置项目,回车

8.安装依赖(走你)


VUE脚手架安装(Windows)_第6张图片
直接cd创建的项目名称

9.安装依赖文件


VUE脚手架安装(Windows)_第7张图片
命令:npm install

10.运行


命令:npm run dev


VUE脚手架安装(Windows)_第8张图片
直接给了一个localhost:8080的端口号

11.总结:

1.使用脚手架能使开发速度更快;

2.脚手架是通过webpack搭建的开发环境;

3.实现了页面自动刷新(编译器里面一保存,浏览器就自动刷新);

4.可以使用ES6的语法(会在打包文件的时候变成ES5,不必但是浏览器对ES6不兼容,能够正常去识别);

5.因为涉及到webpack,能够将你当前所涉及到的所有JS文件,打包,然后压缩成一个文件,然后只需要引入一个文件就能够正常使用所需要的库;

6.所写的项目是在脚手架环境中去编译的,而不是在浏览器中编译。所有速度会很快;

你可能感兴趣的:(VUE脚手架安装(Windows))