今天給一個項目添加eslint, 按照網上的教程，配置完就是不生效，半天沒解決， 后來終于解決了， 在此總結，把一些坑分享出去。

1. vscode 擴展中安裝eslint

2. eslint 擴展要是開啟狀態(開啟關閉如果沒生效，重啟vscode即可)

3.修改eslint 的 setting(配置)， 步驟如下

參考我的配置，可以直接復制過去：

{

"stylelint.enable": true,

"eslint.options": { // 這個配置可以去掉，vscode 會自動找到根目錄下的eslint配置文件， 如果配置了，名字必須對上，不然eslint檢測不生效

"configFile": ".eslintrc.json"

},

"eslint.validate": ["html", "vue", "javascript", "jsx"],

// "eslint.autoFixOnSave": true,

"emmet.syntaxProfiles": {

"vue-html": "html",

"vue": "html"

},

"editor.wordWrapColumn": 220,

"editor.codeActionsOnSave": {

"source.fixAll.eslint": true

}

}

網上寫的都是配置??"eslint.autoFixOnSave": true,? 這個是老版本的配置了， 我的vscode 版本比較新， 提示要用新的配置，如下所示，

意思就是把?"eslint.autoFixOnSave": true,??改為如下：

"editor.codeActionsOnSave": {

"source.fixAll.eslint": true

}

4.項目根目錄下添加eslint配置文件

文件可以是?JSON格式還可以是?JavaScript? YAMLDeprecated格式的，

但是記得 必須跟上面配置的 configFile 的值對應上， 不然不生效。

5.檢查是否關閉了vscode 的 eslint 功能

如下圖，這種情況下 ESLint功能是關閉的，點擊一下，打開 eslint 功能

會出現下面這個彈框， 選擇是應用在當前wokrspace(工作空間) 還是全部項目下。

配置完沒生效? 請重啟vscode

其他相關配置可以參考 eslint官網 ：http://eslint.cn/

總結

以上是生活随笔為你收集整理的vscode的eslint无效_vscode配置eslint自动保存功能不生效的全部內容，希望文章能夠幫你解決所遇到的問題。

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