vue cli 3的简单理解

700 阅读2分钟

本章主要根据对vue cli 3的简单理解,和vue-cli 2进行简单的对比;整理比较简单

  • 首先从文档介绍看,两者就有巨大的区别
vue cli 3 vue cli 2
一个基于 Vue.js 进行快速开发的完整系统 用于搭建 Vue.js 项目的简单CLI

版本2,只提供了基于「模板」快速创建vue项目的CLI,充其量只是为了提供一些最佳实践 版本3,目标还是快速开发,不过提供更丰富的功能,扩展性更强,同时沿袭了当下主流「零配置开发」

  • 版本3,既然是完整系统,将各个功能独立拆分,同时又能很好地配合
  • 跟webpack4强耦合,webpack也是目前业界认可度最高的编译工具;不再支持其他构建工具
  • 随着业界对vue更熟悉,CLI不再基于模板一股脑创建项目,而是根据功能选择创建项目
  • 强大的内置插件,几乎包含项目所需,同时支持扩展;debugger了源代码,插件主要是基于功能选择生成对应的「webpack配置」,这样很好的隐藏了webpack配置;所以3的目录比2更简单,只用关心应用本身;同时还提供比较友好的配置修改方式
  • 最后,提供了图形化界面(不熟悉命令行用户的福音),图形化界面也很友好,按vue cli提供的功能进行菜单拆分,支持『可视化管理项目』、修改配置、执行命令
  • 这里不得不说一下阿里的强大,阿里在3年前的脚手架就提供了『图形化界面』,从项目创建->开->代理->自动化发布,全都通过这个界面完成,非常友好;现在vue cli也往这个方向去靠,这对于小公司脚手架创建是个福音,后续会写一个插件,配合我们的自动化发布,结合到图形化界面里