寫在前面
小編之前一直使用的是vue-cli2，沒想到現在vue-cli4都出來挺長時間的了。現在就來探索一下腳手架4是如何新建項目並且進行分環境打包的吧。
新建項目一
1.win+R進入cmd命令窗口，到自己要建項目的路徑下，這裏我的目錄是桌面
2.新建項目，命令：
vue create 項目名稱
注意：項目名稱不能包含大寫，最好都是小寫。回車之後：
3.選擇第二個，自定義配置。第一個是默認的配置
可以根據需要選擇，按space鍵，默認選擇的是Babel和Linter
Babel：語法轉義工具（通俗解釋一下，就是我寫了一個縮寫，他會給我轉成標準格式的）
TypeScript：ts，JS的擴展，選擇的話main.js會變成main.ts
Progressive Web App (PWA) Support：PWA漸進式Web應用
Router：路由
Vuex：vue狀態管理
CSS Pre-processors：樣式，選中之後可以選擇less，sass
Linter / Formatter：代碼格式檢查工具
Unit Testing：單元測試
E2E Testing：端對端測試
4.路由是否使用history模式，如果使用的話，地址會有#，可以根據需要選擇，我選的是n
5.詢問想把一些檢查機制的配置文件放到哪裏，是自定義一個新的文件還是放到package.json文件中，可以自己選擇，我選擇的是第一個
6.是否要把這個配置的當成一個模板，如果是的話，下次進來的話還是可以看到這個的配置的
7.之後等它自己安裝完之後，cd 項目名稱，執行npm run serve就可以了
新建項目二
1.win+R進入cmd命令窗口，輸入：
vue ui
打開瀏覽器就可以看到圖形化的Vue項目管理器了，可以在裏面進行選擇，不用使用命令就可以進行操控了。
分環境打包
1.打開package.json文件，可以看到scripts腳本：
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build"
},
2.我們添加一個test打包環境：
"test": "vue-cli-service serve--mode test",
serve是運行，build是打包，可以根據需要添加
3.在根目錄下新建文件.env.test，添加代碼：
NODE_ENV = 'test'
VUE_APP_TITLE = 'test'
VUE_APP_One = 'http://xxx.xxx.xxx.xx'
VUE_APP_One以VUE_APP開頭即可，後面的可以自定義
執行命令：npm run test，就可以運行測試環境了
4.在界面中的獲取方式：
process.env.VUE_APP_One
總結
到此，vue-cli4就已經成功建立項目並且可以分環境打包了。