推薦使用 npm 進(jìn)行全局安裝
npm i -g @vue/cli
使用 npm 進(jìn)行升級(jí)
npm update -g @vue/cli
同時(shí)也可以針對(duì)內(nèi)部的個(gè)別服務(wù)和插件進(jìn)行單獨(dú)升級(jí)。
安裝之后可以發(fā)現(xiàn)倉庫中管理了多個(gè)包评凝，分別是 CLI妒牙、CLI 服務(wù)和 CLI 插件。
CLI
提供 vue create屡江、vue serve溺职、vue ui 等終端指令岔擂。
CLI服務(wù)
基于 webpack、webpack-dev-server 搭建浪耘，提供了一個(gè)優(yōu)化過的適用于大部分應(yīng)用的 webpack 配置乱灵。
CLI插件
提供可選功能的插件包，例如 Babel/Typescript 轉(zhuǎn)譯点待、ESLint阔蛉、單元測(cè)試等。通過 @vue/cli-plugin- (內(nèi)建插件)和 vue-cli-plugin- (社區(qū)插件實(shí)現(xiàn)區(qū)分) 的頭部樣式來區(qū)分癞埠。
運(yùn)行 vue-cli-service 命令的時(shí)候状原，會(huì)自動(dòng)加載解析所有插件。
插件可以在項(xiàng)目創(chuàng)建的時(shí)候添加苗踪，也可以在項(xiàng)目過程中添加颠区，也可以生成一套供復(fù)用的 preset 設(shè)置。
指令 vue serve 和 vue build 可以針對(duì)單個(gè) vue 后綴的文件進(jìn)行快速原型開發(fā)通铲，需要先安裝一個(gè)全局性的擴(kuò)展毕莱。
npm install -g @vue/cli-service-global
提供一個(gè) test.vue 的文件，在當(dāng)前目錄下使用 vue build 和 vue serve 進(jìn)行編譯和啟動(dòng)颅夺。
vue serve test.vue
vue build test.vue
使用 vue create 創(chuàng)建一個(gè)全新的項(xiàng)目朋截。
vue create hello-world
目前有三個(gè)配置選項(xiàng)選項(xiàng)，分別是使用 Vue2 默認(rèn)配置 吧黄、Vue3 默認(rèn)配置或者是手動(dòng)配置部服。
選擇手動(dòng)配置之后會(huì)提示你給這套配置命名，preset 會(huì)保存在 home 下的 .vuerc 文件下面拗慨。
vue ui 可以打開圖形化項(xiàng)目管理頁面廓八。
vue add 可以添加插件
vue add eslint
等價(jià)于
vue add @vue/cli-plugin-eslint
vue add apollo
等價(jià)于
vue add vue-cli-plugin-apollo
如果一個(gè)插件已經(jīng)存在 跳過安裝步驟 只調(diào)用生成器
vue invoke
