VUE脚手架安装(Windows)

2018-05-08  本文已影响14人  真干脆面

1.查看node版本号

查看node.js版本号命令:node -v(6.9以上)

2.查看npm版本号

查看npm版本号命令:npm -v(3.10以上)

3.安装全局cli

官网的命令行工具可以找到 直接复制粘贴回车即可(因我已经安装,就暂时不回车,嘻嘻)

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

检测命令:vue --version

5.指定创建位置

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

6.创建项目

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

7.配置项目

配置项目,回车

8.安装依赖(走你)

直接cd创建的项目名称

9.安装依赖文件

命令:npm install

10.运行

命令:npm run dev 直接给了一个localhost:8080的端口号

11.总结:

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

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

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

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

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

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

上一篇 下一篇

猜你喜欢

热点阅读