vue cli2与vue cli3的区别

109 阅读1分钟

vue cli3中引入了gui,并且可以进行项目管理,使项目创建以及配置更加简单。
如何打开gui界面: vue ui


cli3的目标是零配置,为此建立了vue ui方便人们管理各种依赖,并且将配置隐藏在了
node_modules中的@vue文件中的cli-service

cli3想要添加配置文件的操作

  1. 新建vue.config.js
  2. 执行git commit -m '' (将该文件添加到本地仓库
  3. 编译的时候会自动合并到node_modules中的配置中去

创建项目上的区别:

cli2: vue init webpack 项目名称
cli3: vue create 项目名称

默认结构上的区别

cli2: 有static文件夹,以及build和config文件夹
cli3: 没有了以上三种,将static文件夹替换为public文件夹

vue cli中runtime-only与runtime-complier的区别

当使用有模板的时候,多选择runtime-complier,否则使用runtime-only,runtime-only使用时占用资源更少。