vue-cli構(gòu)建的項目默認啟用ESLint進行代碼檢測，凡是不符合它規(guī)范的就會報錯，但是vscode代碼格式化中的有些規(guī)則和ESLint規(guī)則相反！

例如：

情況一：你按ESLint的規(guī)則寫的代碼是這樣的 ↓

image

但是當(dāng)你使用vscode 的格式化功能后 ↓

[圖片上傳中...(image-2e99b7-1611194912104-4)]

然后出現(xiàn)報錯 ↓

image

解決辦法：在項目根目錄創(chuàng)建 .prettierrc 文件，添加如下配置

{  "semi": false,  "singleQuote": true}

image

情況二：報錯如下，ESLint要求方法的小括號之前需要空一格

image

解決辦法：（這個其實不能算一個錯誤，所以我讓ESLint不去校驗這個問題）

在項目的根目錄找到 .eslintrc.js 文件，添加一個配置

'space-before-function-paren': 0

image

1.代碼自動格式化

2.代碼格式化快捷鍵:shift+alt+f

3.代碼格式化：vscode中右鍵就能找到‘格式化文檔’