在項目中我們為了代碼書寫更規范，在項目中安裝ESlint幫助我們檢查語法，那么下面介紹下在webstorm中如何配置ESlint規范

步驟如下：

1.快捷鍵:ctrl+alt+s打開設置，找到Code Style，將Indents Detection和EditorConfig下的去掉勾選，具體看下圖

2.在Code Style子文件下找到你想修改的文件類型，將縮進全部改為2

3.標簽識別，找到HTML，點擊進入找到Do not indent children of:，然后點擊右邊的文件夾，在打開的小窗口中點擊“+”，將“script”添加進去。

4.檢查是否選擇的是es6，新版的webstorm默認選擇的是es6語法

5.webstorm2019的eslint默認沒有禁用，檢查只要沒勾選Disable Eslint就行

6.上面所有設置完之后點擊"ok"，在你的項目下找到“.eslintrc.js”文件，右鍵----->Apply ESlint Code Style Rules。

7.最后一步，我們發現export default上面是灰色的提醒，鼠標移上去后發現提示unused export default，這是因為沒有具體的使用這個導出，是JavaScript的一個語法提示。快速的方法是：點擊右下角的小人頭，將進度條拖到none，點擊“?configure inspections”找到“unused global symbol”去掉勾選，然后就可以看到灰色的提醒消失了。在格式化代碼的時候用快捷鍵ctrl+alt+L就可以自動整理成符合ESlint風格的代碼了。

擴展?：

設置webstorm主題

1.選擇主題，webstorm默認主題是白色的，如果覺得白色太亮，可根據你的喜好在這里設置成暗一點的顏色

2、設置字體大小，webstorm默認字體是12號，如果你覺得字體太小可在Font里進行設置

上面這些便是我查找資料后總結的完整版，寫下來作為筆記備忘

總結

以上是生活随笔為你收集整理的webstorm 设置tslint_webstorm（2019）配置eslint规范的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。