Vue 下 ESLint 的 error 解決辦法

QL²⁰¹⁸發表於2019-03-07

vue cli 3 構建 vue 專案,會帶有 ESLint 進行程式碼規範檢測,所以會經常遇到一些 ESLint 提示的報錯,因此這裡羅列了一些使用過程中遇到 error 的解決辦法。後續會隨著深入不斷的更新和增加。

1、no-mixed-spaces-and-tabs

1.大意:禁止使用 空格 和 tab 混合縮排
2.推薦:使用
3.解決辦法:或使用空格縮排,或使用 tab 縮排,選其一中。複製程式碼

2、Newline required at end of file but not found

1.大意:每一個程式碼檔案在該檔案程式碼結束處,都要空出一行
2.推薦:使用
3.解決辦法:在程式碼結束處加一行空行複製程式碼

3、Extra semicolon semi

1.大意:額外的分號
2.推薦:使用
3.解決辦法:獨特的程式碼方式,一行語句獨佔一行,不用在句尾加分號
複製程式碼

4、Unexpected tab character. (no-tabs)

1.大意:意外的 tab 符
2.推薦:(作者個人喜歡用tab)看個人喜好
3.解決辦法:不喜歡用 tab 符的,查到具體使用 tab 符的位置去掉就 OK 了;喜歡用 tab 符的,在eslint的配置檔案中(.eslintrc)rules項中新增一行:"no-tabs“:"off",問題就解決了複製程式碼

5、後續更新。。。


相關文章