1.安裝 (npm新版本 包命名更嚴格, vue-cli3.0相應跟着變化)
2.0安裝 $ npm install -g vue-cli
3.0安裝 npm install -g @vue/clivue
2.目錄結構:webpack
2.0生成目錄結構:
web
3.0目錄結構:
vue-cli
從CLI 3的整個項目結構咱們能夠發現,這個結構很簡單,沒有相關的配置文件或複雜的目錄結構。CLI 3僅生成構建應用程序所需的文件,讓使用者不用關心這些工具的具體配置,從而下降了工具的使用難度。npm
CLI 3啓動方式是內置服務 vue-cli-service serve
CLI 2啓動方式是webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 這裏用webpack-dev-server搭一個服務瀏覽器
3.0版本下,你想看看默認的webpack配置,可執行vue inspect查看,默認狀況下,會將配置輸出到控制檯,你也能夠將結果指向一個文件,例如:vue inspect > webpack.config.jswebpack-dev-server
圖形化界面 :工具
安裝好了CLI 3的前提下,執行vue ui命令 ,會自動在瀏覽器打開圖形界面。ui