解決使用ESLint後出現的報錯:當代碼中的雙引號、分號、空格不符合規範

所有配置修改完後需重啓生效!

問題:

vue-cli構建的項目默認啓用ESLint進行代碼檢測,凡是不符合它規範的就會報錯,但是vscode代碼格式化中的有些規則和ESLint規則相反!

例如:

情況一:你按ESLint的規則寫的代碼是這樣的  ↓

但是當你使用vscode 的格式化功能後  ↓

然後出現報錯  ↓

解決辦法:在項目根目錄創建 .prettierrc 文件,添加如下配置

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

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

解決辦法:(這個其實不能算一個錯誤,所以我讓ESLint不去校驗這個問題)

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

'space-before-function-paren': 0

1.代碼自動格式化

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

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章