所有配置修改完後需重啓生效!
問題:
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中右鍵就能找到‘格式化文檔’