Vue配置开发环境及初始化项目

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

Vue配置开发环境及初始化项目

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

Vue配置开发环境及初始化项目

 

 

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

Vue配置开发环境及初始化项目

 

 3.生命周期

 

 Vue配置开发环境及初始化项目

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

Vue配置开发环境及初始化项目

 

Vue配置开发环境及初始化项目

上一篇:CF1438D 题解


下一篇:什么是泛型方法