手冊簡(jiǎn)介

Vue CLI 中文教程

手冊說(shuō)明

警告

這份文檔是對應 @vue/cli。老版本的 vue-cli 文檔請移步這里。

Vue CLI 是一個(gè)基于 Vue.js 進(jìn)行快速開(kāi)發(fā)的完整系統,提供:

  • 通過(guò) @vue/cli 搭建交互式的項目腳手架。
  • 通過(guò) @vue/cli + @vue/cli-service-global 快速開(kāi)始零配置原型開(kāi)發(fā)。
  • 一個(gè)運行時(shí)依賴(lài) (@vue/cli-service),該依賴(lài):可升級;基于 webpack 構建,并帶有合理的默認配置;可以通過(guò)項目?jì)鹊呐渲梦募M(jìn)行配置;可以通過(guò)插件進(jìn)行擴展。
  • 一個(gè)豐富的官方插件集合,集成了前端生態(tài)中最好的工具。
  • 一套完全圖形化的創(chuàng )建和管理 Vue.js 項目的用戶(hù)界面。

Vue CLI 致力于將 Vue 生態(tài)中的工具基礎標準化。它確保了各種構建工具能夠基于智能的默認配置即可平穩銜接,這樣你可以專(zhuān)注在撰寫(xiě)應用上,而不必花好幾天去糾結配置的問(wèn)題。與此同時(shí),它也為每個(gè)工具提供了調整配置的靈活性,無(wú)需 eject。

該系統的組件

Vue CLI 有幾個(gè)獨立的部分——如果你看到了我們的源代碼,你會(huì )發(fā)現這個(gè)倉庫里同時(shí)管理了多個(gè)單獨發(fā)布的包。

CLI

CLI (@vue/cli) 是一個(gè)全局安裝的 npm 包,提供了終端里的 vue 命令。它可以通過(guò) vue create 快速創(chuàng )建一個(gè)新項目的腳手架,或者直接通過(guò) vue serve 構建新想法的原型。你也可以通過(guò) vue ui 通過(guò)一套圖形化界面管理你的所有項目。我們會(huì )在接下來(lái)的指南中逐章節深入介紹。

CLI 服務(wù)

CLI 服務(wù) (@vue/cli-service) 是一個(gè)開(kāi)發(fā)環(huán)境依賴(lài)。它是一個(gè) npm 包,局部安裝在每個(gè) @vue/cli 創(chuàng )建的項目中。

CLI 服務(wù)是構建于 webpack 和 webpack-dev-server 之上的。它包含了:

  • 加載其它 CLI 插件的核心服務(wù);
  • 一個(gè)針對絕大部分應用優(yōu)化過(guò)的內部的 webpack 配置;
  • 項目?jì)炔康?nbsp;vue-cli-service 命令,提供 serve、build 和 inspect 命令。

如果你熟悉 create-react-app 的話(huà),@vue/cli-service 實(shí)際上大致等價(jià)于 react-scripts,盡管功能集合不一樣。

CLI 服務(wù)章節涵蓋了它的具體用法。

CLI 插件

CLI 插件是向你的 Vue 項目提供可選功能的 npm 包,例如 Babel/TypeScript 轉譯、ESLint 集成、單元測試和 end-to-end 測試等。Vue CLI 插件的名字以 @vue/cli-plugin- (內建插件) 或 vue-cli-plugin- (社區插件) 開(kāi)頭,非常容易使用。

當你在項目?jì)炔窟\行 vue-cli-service 命令時(shí),它會(huì )自動(dòng)解析并加載 package.json 中列出的所有 CLI 插件。

插件可以作為項目創(chuàng )建過(guò)程的一部分,或在后期加入到項目中。它們也可以被歸成一組可復用的 preset。我們會(huì )在插件和 preset 章節進(jìn)行深入討論。




w3cschool編程獅微信公眾號

更新記錄

在線(xiàn)筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號