VUE脚手架安装(Windows)

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容