vue（15）vue-cli介紹與安裝

前言

vue-cli是和vue進行深度組合的工具，能夠快速幫咱們建立vue項目，而且把一些腳手架相關的代碼給咱們建立好。真正使用vue開發項目，都是用vue-cli來建立項目的。
 

vue-cli介紹

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

• 經過 @vue/cli 實現的交互式的項目腳手架。
• 經過 @vue/cli + @vue/cli-service-global 實現的零配置原型開發。
• 一個運行時依賴 (@vue/cli-service)，該依賴：
  • 可升級；
  • 基於 webpack 構建，並帶有合理的默認配置；
  • 能夠經過項目內的配置文件進行配置；
  • 能夠經過插件進行擴展。
• 一個豐富的官方插件集合，集成了前端生態中最好的工具。
• 一套徹底圖形化的建立和管理 Vue.js 項目的用戶界面。

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

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 命令。
   

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。
 

@vue-cli安裝

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

安裝命令以下：

npm install -g @vue/cli

能夠用這個命令來檢查其版本是否正確

vue --version