根據EsLint配置WebStorm格式化代碼風格

項目裏有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頁

這裏就是對空格的配置,能夠根據本身的需求進行調整,右邊的格子有預覽,能夠直接看效果。

相關文章
相關標籤/搜索