Vue-CLI3詳解

vue-cli3快速開始

node

安裝，略。

webpack

• 安裝webpack
  • npm install webpack webpack-cli -g
• 查看版本
  • webpack -v

vue-cli

• 安裝vue-cli

  • npm install vue-cli -g

• 查看vue-cli版本

  • vue -V

• vue-cli2.x升級vue-cli3

  • 卸載：npm uninstall vue-cli -g
  • 安裝：npm install -g @vue/cli

創建

• 初始化項目
  • vue create xxx
  • 使用默認選項（或按需選擇）

運行

• cd xxx
• yarn serve

CLI簡介

包括三部分：

• CLI
• CLI服務
• CLI插件

目前最新版本3.4

• https://github.com/vuejs/vue-cli

CLI

• 三個主要命令
  • vue create
  • vue serve
  • vue ui

服務

• 命令：vue-cli-service
• https://cli.vuejs.org/zh/guide/cli-service.html#使用命令

選項

vue create里選項，官方叫CLI插件。

https://cli.vuejs.org/zh/guide/#cli-插件

安裝詳解

安裝前准備

安裝命令

查看版本

這里除了npm，還出現了yarn。yarn是什么？

• https://github.com/yarnpkg
• https://github.com/yarnpkg/yarn
• https://yarnpkg.com/zh-Hant/
• https://yarn.bootcss.com/
• npm yarn對比-jianshu

官網

• vue-cli3.x
  • https://cli.vuejs.org/zh/guide/
• vue-cli2.x
  • https://github.com/vuejs/vue-cli/tree/v2#vue-cli--
• vue-cli3源碼包含的東西
  • https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue

其他

升級Vue-CLI3

• https://juejin.im/post/5c4a83e36fb9a049b13e91ba

一個模板

• https://github.com/wangyupo/vue-vuex-router/tree/master/src