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