今天給一個(gè)項(xiàng)目添加eslint, 按照網(wǎng)上的教程，配置完就是不生效，半天沒(méi)解決， 后來(lái)終于解決了， 在此總結(jié)，把一些坑分享出去。

1. vscode 擴(kuò)展中安裝eslint

2. eslint 擴(kuò)展要是開(kāi)啟狀態(tài)(開(kāi)啟關(guān)閉如果沒(méi)生效，重啟vscode即可)

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

參考我的配置，可以直接復(fù)制過(guò)去：

{

"stylelint.enable": true,

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

"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

}

}

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

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

"editor.codeActionsOnSave": {

"source.fixAll.eslint": true

}

4.項(xiàng)目根目錄下添加eslint配置文件

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

但是記得 必須跟上面配置的 configFile 的值對(duì)應(yīng)上， 不然不生效。

5.檢查是否關(guān)閉了vscode 的 eslint 功能

如下圖，這種情況下 ESLint功能是關(guān)閉的，點(diǎn)擊一下，打開(kāi) eslint 功能

會(huì)出現(xiàn)下面這個(gè)彈框， 選擇是應(yīng)用在當(dāng)前wokrspace(工作空間) 還是全部項(xiàng)目下。

配置完沒(méi)生效? 請(qǐng)重啟vscode

其他相關(guān)配置可以參考 eslint官網(wǎng) ：http://eslint.cn/

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。