項目裏有EsLint,縮進兩個空格每次跑工程報幾十個錯誤快煩死了......3d
並且項目目錄中沒有配置EsLint的配置文件js,門打不開只能跳窗戶修改編譯器的格式化風格了(滑稽捶地.jpgorm
有圖上流程:blog
-
打開WebStorm設置(ctrl + alt + s) ip
-
選擇Editor-Code Style 編譯器
-
在下面列表中修改須要修改的縮進,我這裏只修改了js文件的it
- Tab size 就是每一個tab縮進的位數
- Indent 就是格式化時的縮進位數
-
檢查編譯器是否選擇的是ES6 編譯
-
確認Eslint沒有被禁用 class
通常的縮進配置到這裏就能夠了,若是沒有問題就好了。import
可是我在Vue工程中格式化依舊會報錯,看了一下是由於script標籤中的export default和import引入沿用了縮進規格致使沒有頂格,繼續修改:配置
-
設置打開,選擇Editor-Code Style,將倒數的兩個多選框取消勾選
-
而後配置標籤識別,選擇HTML的Other頁 在這個選項中點右側「 + 」添加script
應用以後export default和import就能夠頂格了。
接下來是對字符、方法的括號先後空格的配置:
EsLint要求花括號先後須要空格,咱們打開Code Style中JavaScript的Other頁
這裏就是對空格的配置,能夠根據本身的需求進行調整,右邊的格子有預覽,能夠直接看效果。