vscode的eslint插件不起作用問題及解決
vscode的eslint插件不起作用
某次對vue項目重構(gòu)之后,關(guān)閉項目再打開,突然發(fā)現(xiàn)prettier好使,但是eslint不好用了。
通過嘗試網(wǎng)上的各種方法,最終找到解決方案。
- VS Code打開“設(shè)置”,在擴展(extensions)中選擇eslint,并打開"settings.json"
- 輸入(文件中有重復(fù)屬性使用一次即可):
"eslint.validate": [
"javascript",
"javascriptreact",
{
"language": "vue",
"autoFix": true
},
"vue"
],
"eslint.autoFixOnSave": true
- 之后重啟一下vsCode,eslint的檢查就生效了。
vscode eslint配置
正常eslint配置百度一大堆
現(xiàn)在新版本只需要安裝eslint插件之后在settting里面配置
//* 保存時使用eslint自動修正
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},就可以了。
我的問題:
我有兩個umi項目,但是一個項目對debugger保留字校驗,一個不校驗?
兩個項目下面都有.eslintrc.js
module.exports = {
extends: [require.resolve('@umijs/fabric/dist/eslint')],
globals: {
ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION: true,
page: true,
REACT_APP_ENV: true,
},
};找到對應(yīng)@umijs/fabric發(fā)現(xiàn)兩個項目版本不一致,從而導(dǎo)致eslint配置不一致。
那我怎么讓我的項目可以檢測debugger呢?
修改.eslintrc.js
module.exports = {
extends: [require.resolve('@umijs/fabric/dist/eslint')],
globals: {
ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION: true,
page: true,
REACT_APP_ENV: true,
},
rules: {
'no-debugger': 'error',
},
};就可以了。
總結(jié)
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
將Sublime?Text?設(shè)置成中文版的完整教程
這篇文章主要介紹了將Sublime?Text?設(shè)置成中文版的完整教程,需要自己添加之后才會有這一項,對Sublime?Text中文版設(shè)置方法感興趣的朋友一起看看吧2022-01-01
將Git存儲庫克隆到本地IntelliJ IDEA項目中的詳細教程
這篇文章主要介紹了將Git存儲庫克隆到本地IntelliJ IDEA項目中的詳細教程,本文通過圖文并茂的形式給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-10-10
解決SecureCRT通過SSH連接Ubuntu時vi命令有多余的m的問題
小編遇到這樣一個問題用vi命令來編輯文件的時候,在開頭和結(jié)尾有多余的字母出現(xiàn):在開頭會有多余的“m”出現(xiàn),結(jié)尾有多余的“2m”,這篇文章主要介紹了解決SecureCRT通過SSH連接Ubuntu時vi命令有多余的m的問題,需要的朋友可以參考下2022-09-09

