淺析
vue-cli2和vue-cli4
01
安裝及版本切換
檢視目前版本，如果是2開頭說明目前使用的是vue-cli2，4開頭的話就是vue-cli4
如果無法識别vue指令說明沒有安裝vue-cli，使用以下說明進行安裝
安裝2.0版本:
安裝4.0版本：
版本切換，即解除安裝目前版本，安裝另外的版本
從2.0更新到4.0：
從4.0降到2.0
02
項目初始化
.0初始化，vue init <模闆名稱（webpack比較常用）> [項目名稱]
2.0項目初始化參數介紹
2.0項目初始化參數推薦
4.0初始化，vue create [項目名稱]
4.0項目初始化參數介紹
4.0項目初始化參數推薦
03
目錄結構對比
2.0目錄結構
4.0 目錄結構
對比一下兩種方式初始化出來的項目結構，下面說一些對我們開發影響比較大的主要的變化
1、4.0版本中項目環境變量配置檔案沒有了（dev.env.js / prod.env.js）
我們可以通過在項目根目錄下手動建立不同環境的配置檔案，具體的環境變量名稱由package.json中運作參數決定,下面舉個例子添加development、production和uat版本的環境變量：
————————
2、4.0版本中不同環境的webpack配置檔案也沒有了（webpack.base.conf.js / webpack.dev.conf.js / webpack.prod.conf.js）
同樣，我們也可以再根目錄中建立vue.config.js檔案來進行webpack和vue的一些配置
04
IE相容性
2.0版本建構出來的項目，如果使用路由懶加載(Promise)，或者其他ES6文法，在IE中會報錯文法不支援Promise，或者報其他錯誤，最終結果都是router-view中加載不出來内容
4.0版本不會出現此問題，因為腳手架已經幫我們做好了
解決辦法1
1.安裝@babel/polyfill
2.配置webpack.base.conf.js中的entry
解決辦法2
辦法1應該可以正常加載異步路由，如果還未顯示，可以試另外一種方法：
1.安裝babel-preset-es2015