【學習筆記--前端--Vue CLI】瞭解Vue CLI(01)

摘要:

    瞭解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 命令,提供 servebuild 和 inspect 命令。

        #2. 一個針對絕大部分應用優化過的內部的 webpack 配置

        #3. 加載其它 CLI 插件的核心服務。

    @3. CLI插件:可選,例如 Babel/TypeScript 轉譯、ESLint 集成、單元測試和 end-to-end 測試等。當你在項目內部運行                       vue-cli-service 命令時,它會自動解析並加載 package.json 中列出的所有 CLI 插件。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章