從vue-cli 到 Vue CLI 3

1.Vue CLI 的包名稱由 vue-cli 改爲了 @vue/cli。 若是已經全局安裝了舊版本的 vue-cli(1.x 或 2.x)，須要先經過 

npm uninstall vue-cli -g 

 卸載。

2.安裝指令：

npm install -g @vue/cli

3.檢查版本：

vue --version

4.Vue CLI 3能夠使用 vue serve 和 vue build 命令對單個 *.vue 文件進行快速原型開發，不過這須要先額外安裝一個全局的擴展：

npm install -g @vue/cli-service-global

5.運行如下命令來建立一個新項目：

vue create hello-world

6.Vue CLI 使用了一套基於插件的架構。若是查閱一個新建立項目的 package.json，就會發現依賴都是以 @vue/cli-plugin- 開頭的。

插件能夠修改 webpack 的內部配置，也能夠向 vue-cli-service 注入命令。在項目建立的過程當中，絕大部分列出的特性都是經過插件來實現的。

7.基於插件的架構使得 Vue CLI 靈活且可擴展；能夠經過 vue ui 命令使用 GUI 安裝和管理插件。

8.當你使用 vue create 來建立一個新項目的時候，有些插件會根據你選擇的特性被預安裝好。若是你想在一個已經被建立好的項目中安裝一個插件，能夠使用 vue add 命令，例如：

vue add @vue/eslint

這個命令將 @vue/eslint 解析爲完整的包名 @vue/cli-plugin-eslint，而後從 npm 安裝它，調用它的生成器。

9.vue-router 和 vuex 的狀況比較特殊——它們並無本身的插件，可是仍然能夠這樣添加它們：

vue add router
vue add vuex