項目里有EsLint,縮進兩個空格每次跑工程報幾十個錯誤快煩死了......
而且項目目錄中沒有配置EsLint的配置文件js,門打不開只能跳窗戶修改編譯器的格式化風格了(滑稽捶地.jpg
有圖上流程:
-
打開WebStorm設置(ctrl + alt + s)

-
選擇Editor-Code Style

-
在下面列表中修改需要修改的縮進,我這里只修改了js文件的
- Tab size 就是每個tab縮進的位數
- Indent 就是格式化時的縮進位數


-
檢查編譯器是否選擇的是ES6

-
確認Eslint沒有被禁用

一般的縮進配置到這里就可以了,如果沒有問題就行了。
但是我在Vue工程中格式化依舊會報錯,看了一下是因為script標簽中的export default和import引入沿用了縮進規格導致沒有頂格,繼續修改:
-
設置打開,選擇Editor-Code Style,將倒數的兩個多選框取消勾選

-
然后配置標簽識別,選擇HTML的Other頁

在這個選項中點右側“ + ”添加script


應用之后export default和import就可以頂格了。
接下來是對字符、方法的括號前后空格的配置:
EsLint要求花括號前后需要空格,我們打開Code Style中JavaScript的Other頁

這里就是對空格的配置,可以根據自己的需求進行調整,右邊的格子有預覽,可以直接看效果。
