vue cli是什麼

vue cli是一個基於【Vue.js】進行快速開發的完整系統，透過【@vue/cli】實現的互動式的專案鷹架，Vue CLI致力於將Vue生態中的工具基礎標準化，它確保了各種建置工具能夠基於智慧的預設配置即可平穩銜接。

【相關文章推薦：#vue.js##】

Vue CLI 是一個基於Vue.js 進行快速開發的完整系統，提供：

• 透過@vue/cli 實現的互動式的項目腳手架。

• 透過 @vue/cli @vue/cli-service-global 實作的零組態原型開發。

• 一個執行階段依賴(@vue/cli-service)，該依賴：
         可升級；

  ##       基於webpack 構建，並帶有合理的預設設定；

         可透過專案內的設定檔進行設定；

         可透過外掛程式擴充。

一個豐富的官方外掛程式集合，整合了前端生態中最好的工具。
一套完全圖形化的創建和管理 Vue.js 專案的使用者介面。
Vue CLI 致力於將 Vue 生態中的工具基礎標準化。它確保了各種建置工具能夠基於智慧的預設配置即可平穩銜接，這樣你就可以專注在撰寫應用程式上，而不必花好幾天去糾結配置的問題。同時，它也為每個工具提供了調整配置的靈活性，無需 eject。

這個系統的元件

Vue CLI 有幾個獨立的部分－如果你看到了我們的原始碼，你會發現這個倉庫同時管理了多個單獨發布的包。

CLI

CLI (@vue/cli) 是一個全域安裝的 npm 包，提供了終端機裡的 vue 指令。它可以透過 vue create 快速建立一個新項目，或直接透過 vue serve 建立新想法的原型。你也可以透過 vue ui 透過一套圖形化介面來管理你的所有專案。我們會在接下來的指南中逐章節深入介紹。

CLI 服務

CLI 服務 (

@vue/cli-service

) 是一個開發環境相依性。它是一個 npm 包，局部安裝在每個 @vue/cli 創建的專案中。 CLI 服務是建構在

webpack

和 webpack-dev-server之上的。它包含了：

載入其它CLI 外掛程式的核心服務；
一個針對絕大部分應用程式優化過的內部的webpack 配置；
專案內部的vue-cli-service 指令，提供serve、build 和inspect 指令。
如果你熟悉 create-react-app 的話，@vue/cli-service 實際上大致等價於 react-scripts，儘管功能集合不一樣。

CLI 服務章節涵蓋了它的具體用法。

CLI 外掛程式

CLI 外掛程式是提供你的Vue 專案可選功能的npm 包，例如Babel/TypeScript 轉譯、ESLint 整合、單元測試和end- to-end 測驗等。 Vue CLI 插件的名字以 @vue/cli-plugin- (內建插件) 或 vue-cli-plugin- (社群插件) 開頭，非常容易使用。

當你在專案內部執行

vue-cli-service

指令時，它會自動解析並載入 package.json 中列出的所有 CLI 外掛程式。 外掛程式可以作為專案建立過程的一部分，或在後期加入到專案中。它們也可以被歸成一組可重複使用的 preset。我們會在插件和 preset 章節進行深入討論。

相關免費學習推薦：

javascript

（影片）#

以上是vue cli是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！