Vue CLI 中文教程
警告
這份文檔是對應(yīng) @vue/cli。老版本的 vue-cli 文檔請移步這里。
Vue CLI 是一個基于 Vue.js 進行快速開發(fā)的完整系統(tǒng),提供:
Vue CLI 致力于將 Vue 生態(tài)中的工具基礎(chǔ)標準化。它確保了各種構(gòu)建工具能夠基于智能的默認配置即可平穩(wěn)銜接,這樣你可以專注在撰寫應(yīng)用上,而不必花好幾天去糾結(jié)配置的問題。與此同時,它也為每個工具提供了調(diào)整配置的靈活性,無需 eject。
Vue CLI 有幾個獨立的部分——如果你看到了我們的源代碼,你會發(fā)現(xiàn)這個倉庫里同時管理了多個單獨發(fā)布的包。
CLI (@vue/cli) 是一個全局安裝的 npm 包,提供了終端里的 vue 命令。它可以通過 vue create 快速創(chuàng)建一個新項目的腳手架,或者直接通過 vue serve 構(gòu)建新想法的原型。你也可以通過 vue ui 通過一套圖形化界面管理你的所有項目。我們會在接下來的指南中逐章節(jié)深入介紹。
CLI 服務(wù) (@vue/cli-service) 是一個開發(fā)環(huán)境依賴。它是一個 npm 包,局部安裝在每個 @vue/cli 創(chuàng)建的項目中。
CLI 服務(wù)是構(gòu)建于 webpack 和 webpack-dev-server 之上的。它包含了:
如果你熟悉 create-react-app 的話,@vue/cli-service 實際上大致等價于 react-scripts,盡管功能集合不一樣。
CLI 服務(wù)章節(jié)涵蓋了它的具體用法。
CLI 插件是向你的 Vue 項目提供可選功能的 npm 包,例如 Babel/TypeScript 轉(zhuǎn)譯、ESLint 集成、單元測試和 end-to-end 測試等。Vue CLI 插件的名字以 @vue/cli-plugin- (內(nèi)建插件) 或 vue-cli-plugin- (社區(qū)插件) 開頭,非常容易使用。
當你在項目內(nèi)部運行 vue-cli-service 命令時,它會自動解析并加載 package.json 中列出的所有 CLI 插件。
插件可以作為項目創(chuàng)建過程的一部分,或在后期加入到項目中。它們也可以被歸成一組可復(fù)用的 preset。我們會在插件和 preset 章節(jié)進行深入討論。