技術標籤：vue eslint 升級

首先確認自己安裝的vue-cli是3.0版本的，驗證方法為：win+r，輸入cmd調出控制檯，然後輸入vue -V(大寫的V)：

如果不是3.0以上的，可以進行升級，升級方法見：升級方法

vue3.0比2.0簡單了一些，不用再裝webpack了，建立命令：

vue create [projectname]

projectname為要建立的工程名，比如叫hello-world。

有兩個選項：

default (babel, eslint) 預設配置，提供babel和eslint支援Manually select features 自定義選擇需要的功能，提供更多的特性選擇。
 

用方向鍵控制，選擇Manually select features (手動選擇功能)

按上下鍵切換選項，按空格鍵勾選和取消，按a全選，按i反選。

Babel：指轉移成瀏覽器識別的語言，可以讓你的專案支援更新的語法。TypeScript 支援使用 TypeScript 編寫程式Progressive Web App (PWA) Support PWA 支援，一般PC端是用不到。Router 支援 vue-router 。Vuex 支援 vuex 。CSS Pre-processors 支援 CSS 前處理器。Linter / Formatter 支援程式碼風格檢查和格式化。Unit Testing 支援單元測試。E2E Testing 支援 E2E 測試。
 

根據自己的情況進行選擇，完成後按回車下一步：

Use history mode for router?*******history模式 這個看專案需要，history模式需後端支援，自行考慮。我們輸入Y同意，然後選擇CSS預處理語言，我選擇less：

接著選擇ESLint的程式碼規範，此處使用Standard程式碼規範，我選擇了ESLint+Standardconfig(正常提交)

ESLint with error prevention only 只進行報錯提醒ESLint + Airbnb config 不嚴謹模式ESLint + Standard config 正常模式ESLint + Prettier 嚴格模式
 

回車後，選擇程式碼檢查方式：

Lint on save 儲存時執行Lint and fix on commit 整理並固定提交時

我選擇儲存時執行，按回車繼續，此時選擇單元測試解決方案,我選擇Jest:

接著，我們選擇Babel、PostCSS、ESLint等檔案存放位置，第一個是儲存配置檔案裡，第二個是儲存到package.json裡，我選擇第一個：

回車後，提示是否儲存配置，供以後專案使用，選擇N。下次建立專案時另外配置。

然後選擇依賴安裝方式，我選擇的是npm方式：

然後就是等待建立完成了。