Vue CLI3

Vue CLI3

vue-cli3与vue-cli2的区别

• vue-cli3是基于webpack4打造的，vue-cli2还是webpack3
• vue-cli3的设计的原则是“0配置”，移除的配置文件根目录下的，build和config等目录
• vue-cli3提供了vue ui命令，提供可视化设置，更加人性化
• vue-cli3移除了文件夹，新曾了pulic文件夹，本且index.html移动到public中

vue-cli3的使用

• 初始化项目
  vue create my-project

• Please pick a preset:(Use arrow keys) 请选择配置
  default(babel,eslint) 默认
  Manually select features 手动选择特性（建议手动）

• Check the features needed for your project:
  ( ) Babal
  ( ) TypeScript
  ( ) Progressive Web App (PWA) Support 先进的Web app(可以缓存很多东西，有推送通知）
  ( ) Router
  ( ) Vuex
  ( ) CSS Pre-processors css预处理器
  ( ) Linter / Formatter 将此取消
  ( ) Unit Testing 单元测试
  ( ) E2E Teating 端到端测试
  (按空格是选中和取消）

• Where do you prefer placing config for Babel,PosCSS,ESLint,etc.?(Use arrow keys) 你打算把config的一些配置文件放在？
  In dedicated config files 独立的配置文件中 （选）
  In package.json

• Save this as a preset for future projects?（y/N) y

• Save preset as:codeWhy 保存的名字

• Pick the package manager to use when installing dependencies:
  Use Yarn
  Use NPM (选）

• 第二次初始化项目
  vue create travel

• Please pick a preset:(Use arrow keys) 请选择配置
  codewhy(babel) 上次保存的 ，可以删除 （在User>Adeministrator>vuerc中删除）
  default(babel,eslint) 默认
  Manually select features 手动选择特性（建议手动）