vue-cli構(gòu)建的項(xiàng)目默認(rèn)啟用ESLint進(jìn)行代碼檢測(cè)痴颊，凡是不符合它規(guī)范的就會(huì)報(bào)錯(cuò)迷捧，但是vscode代碼格式化中的有些規(guī)則和ESLint規(guī)則相反专酗！
例如：
情況一：你按ESLint的規(guī)則寫(xiě)的代碼是這樣的 ↓
image
但是當(dāng)你使用vscode 的格式化功能后 ↓
[圖片上傳中...(image-2e99b7-1611194912104-4)]
然后出現(xiàn)報(bào)錯(cuò) ↓
image
解決辦法：在項(xiàng)目根目錄創(chuàng)建 .prettierrc 文件映琳，添加如下配置
{ "semi": false, "singleQuote": true}
image
情況二：報(bào)錯(cuò)如下铜涉，ESLint要求方法的小括號(hào)之前需要空一格
image
解決辦法：（這個(gè)其實(shí)不能算一個(gè)錯(cuò)誤溪北，所以我讓ESLint不去校驗(yàn)這個(gè)問(wèn)題）
在項(xiàng)目的根目錄找到 .eslintrc.js 文件桐绒，添加一個(gè)配置
'space-before-function-paren': 0
image
2.代碼格式化快捷鍵:shift+alt+f
3.代碼格式化：vscode中右鍵就能找到‘格式化文檔’
