标签：初始化 Vue cli 项目 配置 js vue 脚手架

Vue配置环境开发

1.node.js、git、Webstorm自行下载：go

2.WebPack

　　2.1运行流程：初始化配置参数 -> 绑定事件钩子回调 -> 确定Entry逐一遍历 -> 使用loader编译文件 -> 输出文件

　　2.2作用：

   　　1、把依赖树按需分割、按需加载；
　　　2、把初始加载时间控制在较低的水平；
　　　3、每个静态资源都应该成为一个模块；
　　　4、能把第三方库集成到项目里成为一个模块；
　　　5、能定制模块打包器的每个部分；
　　　6、能适用于大型项目。

　　2.3安装指令：

npm install webpack -g

3.Vue-cli脚手架

　　vue-cli 是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板的，脚手架大家肯定知道，就是一个架子，用来搭建项目的整体基本骨架，有点儿什么意思呢，就比如咱们开发 .net 的时候，咱们其实可以自己一步一步的建 mvc ，但是呢，VS给我们封装了 MVC框架，我们直接就生成了整体框架，包括基础包和一些必要文件夹，vue-cli 也是这个作用。

　　安装指令：

npm install -g @vue/cli

4.项目可视化UI界面

　　通过指令：vue ui

1.选择自己项目需要安装的盘进行新项目的创建

 

 

 2.还可以在这管理（安装、删除）插件、运行并分析你的项目文件

 

 3.生命周期

 

 

4.不理解可参考Vue-cli官网 

 

标签：初始化,Vue,cli,项目,配置,js,vue,脚手架
来源： https://www.cnblogs.com/sgq99/p/15132119.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。