首页 > 其他 > 详细

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

时间:2021-08-12 13:24:20      阅读:15      评论:0      收藏:0      [点我收藏+]

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配置开发环境及初始化项目

原文:https://www.cnblogs.com/sgq99/p/15132119.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!