2021-04-22

vue-cli3与vue2的区别

vue-cli2是基于webpack3打造，vue-cli3是基于webpack4，3.0 新加入了 TypeScript 以及 PWA 的支持。
下载安装 npm install -g @vue/cli

• 默认项目目录结构变化
  vue-cli3的设计原则是“0配置”，移除（隐藏）配置文件目录build和config等；
  移除了 static 文件夹，新增 public 文件夹，并且 index.html 移动到 public 中；
  在 src 文件夹中新增了 views 文件夹，用于分类视图组件和公共组件；
• 配置
  配置信息在根目录下 vue.config.js
  vue-cli3提供了vue ui 命令，提供了可视化配置；
• 部分命令变化
  创建项目 vue create
  安装依赖 npm install
  启动项目 npm run serve
  打包项目 npm run build-production，npm run build-test
  删除了vue list
• 生成的目录
  
  
• vue-cli3把配置文件都给隐藏了，隐藏到哪里了?我们如何修改配置？

1. 在隐藏的文件夹直接修改
   
   
2. 创建一个文件夹，固定命名叫vue.config.js
   
3. 命令行 vue ui 开启一个本地服务，打开一个用户图形界面
   
   
   
   
   vue-cli3与vue-cli2的区别和vue-cli 怎么修改配置