從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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM