目錄

• 1、前言
• 2、-cli介紹
• 2.1、CLI
• 2.2、CLI 服務
• 2.3、CLI 外掛
• 3、@vue-cli安裝

1、前言

vue-cli是和vue進行深度組合的工具，可以快速幫我們建立vue專案，並且把一些腳手架相關的程式碼給我們建立好。真正使用vue開發專案，都是用vue-cli來建立專案的。

2、vue-cli介紹

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

• 通過 @vue/cli 實現的互動式的專案腳手架。
www.cppcns.com
• 通過 @vue/cli + @vue/cli-service-globalarzhjXifp 實現的零配置原型開發。
  
• 一個執行時依賴 (@vue/cli-service)，該依賴：
  
• （1）可升級；
• （2）基於 webpack 構建，並帶有合理的預設配置；9
• （3）可以通過專案內的配置檔案進行配置；
• （4）可以通過外掛進行擴充套件。
  
• 一個豐富的官方外掛集合，集成了前端生態中最好的工具。
• 一套完全圖形化的建立和管理 Vue.js 專案的使用者介面。
  

Vue CLI 致力於將 Vue 生態中的工具基礎標準化。它確保了各種構建工具能夠基於智慧的預設配置即可平穩銜接，這樣你可以專注在撰寫應用上，而不必花好幾天去糾結配置的問題。與此同時，它也為每個工具提供了調整配置的靈活性，無需 eject

2.1、CLI

CLI (@vue/cli) 是一個全域性安裝的 npm 包，提供了終端裡的 vue 命令。它可以通過 vue create 快速搭建一個新專案，或者直接通過 vue serve 構建新想法的原型。你也可以通過 vue ui www.cppcns.com通過一套圖形化介面管理你的所有專案。

2.2、CLI 服務

CLI 服務 (@vue/cli-service) 是一個開發環境依賴。它是一個 npm 包，區域性安裝在每個 @vue/cli 建立的專案中。
CLI 服務是構建於 webpack 和 webpack-dev-server 之上的。它包含了：

• 載入其它 CLI
  外掛的核心服務；
• 一個針對絕大部分應用優化過的www.cppcns.com內部的 webpack 配置；
• 專案內部的 vue-cli-service 命令，提供 serve、build 和 inspect 命令。
  

2.3、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。

3、@vue-cli安裝

Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推薦 v10 以上)。你可以使用 n，nvm 或 nvm-windows 在同一臺電腦中管理多個 Node 版本。

安裝命令如下：

npm install -g @vue/cli

可以用這個命令來檢查其版本是否正確

vue --version

到此這篇關於vue-cli 介紹與安裝的文章就介紹到這了,更多相關vue-cli 介紹與安裝內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們！