摘要:
瞭解Vue CLI在vue開發中的作用: 創建一個 已針對大部分項目進行優化的默認webpack配置的項目,同時提供豐富的官方插件集合,簡化前端項目配置,讓開發人員更方便、更快速地使用vue進行開發。
1. Vue CLI是一個 讓用戶可基於Vue.js進行快速開發的完整系統,提供:
@1.通過@vue/cli搭建交互式的項目腳手架。
@2.提供一個運行時依賴(@vue/cli-service),該依賴:
#1.基於webpack構建。
#2.可配置。
#3.可通過插件進行拓展。
@3.一個豐富的官方插件集合,集成了前端生態中最好的工具。
Vue CLI 致力於將 Vue 生態中的工具基礎標準化。它確保了各種構建工具能夠基於智能的默認配置即可平穩銜接,這樣你可以專注在撰寫應用上,而不必花好幾天去糾結配置的問題。與此同時,它也爲每個工具提供了調整配置的靈活性,無需 eject。
2. Vue CLI的核心組件:
@1. @vue/cli,提供終端命令vue,例如通過 vue create創建一個新項目的腳手架。
@2. @vue/cli-service,是一個開發環境依賴,它是構建於webpack和webpack-dev-server之上的。它包含了:
#1. 項目內部的 vue-cli-service
命令,提供 serve
、build
和 inspect
命令。
#2. 一個針對絕大部分應用優化過的內部的 webpack 配置。
#3. 加載其它 CLI 插件的核心服務。
@3. CLI插件:可選,例如 Babel/TypeScript 轉譯、ESLint 集成、單元測試和 end-to-end 測試等。當你在項目內部運行 vue-cli-service
命令時,它會自動解析並加載 package.json
中列出的所有 CLI 插件。