開發vue專案時，使用 eslint 作為**檢查和規範工具，vs code 預設的格式化工具不能識別 .vue 檔案，所以不能進行格式化
所以，需要安裝 vetur ，此工具除了能夠格式化 vue 檔案**外，還具有**高亮等功能
安裝此工具後，在 .vue 檔案中，使用 atl+shif+f 鍵，會使用 vetur 進行**的格式化
但是格式化後的**不符合 eslint 規範，如字串使用雙引號，而不是單引號，並且在每行的末尾新增了分號
解決方法不止一種，可以配合其他的格式化工具，或者設定eslint 規則來解決
我喜歡一種比較簡單的
就是將 vetur 的格式化方式換成 vs code 預設的
在設定檔案中，加入如下標紅**
之後再格式化時，就會使用 vs code 預設的格式化了，不會將單引號換成雙引號，不會自動在每行末尾加入分號
如果之前已經寫了一些**，其中的雙引號以及分號和其他一些內容，如果想換成符合 eslint 規範的，重新格式化是不行的，因為 vs code 的格式化工具，雖然不會將單引號轉換成雙引號，但也不會將雙引號轉換成單引號，也就是說，其是支援兩種引號的。
但是可以使用 eslint 提供的乙個工具，對專案中的所有**進行格式話，如果你使用 vue/cli 建立的專案，則這個工具已經安裝且配置好了
只需要執行 npm run lint 命令就會將專案中的檔案做一次整體的檢查，並且會自動做一些修改，如將雙引號替換成單引號，去除預設的分號，以及新增一些必要的空格等
但也會有兩個問題
1、工具會檢查 src 目錄下的所有檔案，如我在 assets 目錄中引入了字型檔案，但是字型檔案中的js**中的**不符合 eslint 規範，所以也被算作錯誤，解決辦法是排除不想要檢查的目錄
具體作為是在專案根目錄下新建.eslintignore 檔案，加入如下**
src/assets"vetur.format.defaultformatter.js": "vscode-typescript"npm run lintvscode使用eslint設定
讓prettier使用eslint的 格式進行校驗 prettier.eslintintegration true,去掉 結尾的分號 prettier.semi false,使用帶引號替代雙引號 prettier.singlequote true,讓函式 名 和後面的括號之間加個空格 j ascri...
eslint 設定目錄 ESLint 配置
eslint 被設計為完全可配置的，這表示我們可以關閉每乙個規則，而只執行基本語法驗證，或混合和匹配 eslint 預設繫結的規則和自定義規則，以讓 eslint 更適合我們的專案。配置 eslint有如下兩種方式 配置檔案 然後我們可以開始建立配置檔案.eslintrc，生成配置檔案的命令如下所示...
ESlint配置規則
規則格式是 規則名稱 告警級別 告警級別分為三種 0 表示忽略問題，等同於 off 1 表示給出警告，等同於 warn 2 表示直接報錯，等同於 error rules 指定陣列的元素之間要以空格隔開 後面 never引數 之前和 之後不能帶空格，always引數 之前和 之後必須帶空格 array...