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.所写的项目是在脚手架环境中去编译的,而不是在浏览器中编译。所有速度会很快;