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


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

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM