首頁  >  文章  >  web前端  >  vue cli是什麼

vue cli是什麼

coldplay.xixi
coldplay.xixi原創
2020-11-09 14:12:185171瀏覽

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

vue cli是什麼

【相關文章推薦:#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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn