vue cli 3的簡單理解

okbeng03發表於2019-02-20

本章主要根據對vue cli 3的簡單理解,和vue-cli 2進行簡單的對比;整理比較簡單

  • 首先從文件介紹看,兩者就有巨大的區別
vue cli 3 vue cli 2
一個基於 Vue.js 進行快速開發的完整系統 用於搭建 Vue.js 專案的簡單CLI

版本2,只提供了基於「模板」快速建立vue專案的CLI,充其量只是為了提供一些最佳實踐 版本3,目標還是快速開發,不過提供更豐富的功能,擴充套件性更強,同時沿襲了當下主流「零配置開發」

  • 版本3,既然是完整系統,將各個功能獨立拆分,同時又能很好地配合
  • 跟webpack4強耦合,webpack也是目前業界認可度最高的編譯工具;不再支援其他構建工具
  • 隨著業界對vue更熟悉,CLI不再基於模板一股腦建立專案,而是根據功能選擇建立專案
  • 強大的內建外掛,幾乎包含專案所需,同時支援擴充套件;debugger了原始碼,外掛主要是基於功能選擇生成對應的「webpack配置」,這樣很好的隱藏了webpack配置;所以3的目錄比2更簡單,只用關心應用本身;同時還提供比較友好的配置修改方式
  • 最後,提供了圖形化介面(不熟悉命令列使用者的福音),圖形化介面也很友好,按vue cli提供的功能進行選單拆分,支援『視覺化管理專案』、修改配置、執行命令
  • 這裡不得不說一下阿里的強大,阿里在3年前的腳手架就提供了『圖形化介面』,從專案建立->開->代理->自動化釋出,全都通過這個介面完成,非常友好;現在vue cli也往這個方向去靠,這對於小公司腳手架建立是個福音,後續會寫一個外掛,配合我們的自動化釋出,結合到圖形化介面裡

相關文章