Vue 下 ESLint 的 error 解決辦法

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

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、後續更新。。。


相關文章