vue-cli中文文檔：https://cli.vuejs.org/zh/guide/#%E8%AF%A5%E7%B3%BB%E7%BB%9F%E7%9A%84%E7%BB%84%E4%BB%B6
今天把vue-cli3的項目升級到了vue-cli4，想着用vue-cli4構建的項目有什么區別，於是就想用vue-cli4構建個新項目看看：
在桌面新建一個文件夾，用vscode打開這個文件夾，在cos窗口輸入：
vue create new_app
讓選擇一項預配置：
hhh：選擇預設配置為router、vuex、babel、eslint
default：babel、eslint
Manually select features：手動選擇配置，這里選擇手動選擇，其實hhh的預設配置就行，大多項目離不開那幾個預設配置
選擇了這幾項，就比hhh配置多了個css預處理程序
注意，上下方向鍵時控制上下移動的，空格鍵是選擇對應項的
然后回車，繼續執行
是否使用路由的history模式，看個人及項目，最好一開始就選擇history模式，以后不用再更改，不過更改也不麻煩，就直接選擇了history模式
選擇一個要用的預處理語言，之前一直使用less，后來發現scss是element-admin框架的依賴css預處理語言，就選擇sass吧，選擇node-sass
選擇哪個ESLint自動化代碼格式化檢測，分別為，只預防、airbnb配置、標注配置、最高配置，這里選擇左后一種最高配置
選擇代碼檢測的時機，這里選擇在保存代碼時檢測
更新換將單獨配置的文件放到pakage.json還是放在單獨的文件，這里選擇單獨的文件即可，清晰
是否把以上設置過的預設配置保存起來，這里不需要，每次創建項目重新選擇一遍不麻煩，很快就選擇好了，輸入n
拍回車，就開始創建項目了，耐心等待，安裝依賴
然后跳轉到先創建的new_app文件夾下，運行npm run serve即可
就可以在瀏覽器上訪問到項目了
對比一下與之前vue-cli3創建的項目的區別，在文件目錄結構上，主要是router和store兩個文件有點區別：
vue-cli4的：這種更適合拓展模塊，之前用的vuex在一個store.js文件中，代碼過多，顯的臃腫，這種文件結構更容易后面的模塊拓展
vue-cli3的：
兩者創建成功項目后同樣沒有vue.config.js文件，需要手動添加
這和以前相比，表面上看變化不大，但是依賴肯定是最新的
。