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官网