vscode的eslint插件不起作用問題及解決

更新時(shí)間：2023年10月20日 14:36:14 作者：酷酷的橙007

這篇文章主要介紹了vscode的eslint插件不起作用問題及解決方案,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

vscode的eslint插件不起作用

某次對vue項(xiàng)目重構(gòu)之后，關(guān)閉項(xiàng)目再打開，突然發(fā)現(xiàn)prettier好使，但是eslint不好用了。

通過嘗試網(wǎng)上的各種方法，最終找到解決方案。

VS Code打開“設(shè)置”，在擴(kuò)展（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里面配置

 //* 保存時(shí)使用eslint自動(dòng)修正
 "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },

就可以了。

我的問題：

我有兩個(gè)umi項(xiàng)目，但是一個(gè)項(xiàng)目對debugger保留字校驗(yàn)，一個(gè)不校驗(yàn)？

兩個(gè)項(xiàng)目下面都有.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)兩個(gè)項(xiàng)目版本不一致，從而導(dǎo)致eslint配置不一致。

那我怎么讓我的項(xiàng)目可以檢測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é)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

VSCode開發(fā)必備插件推薦(墻裂推薦!)
vscode是微軟開發(fā)的的一款代碼編輯器,就如官網(wǎng)上說的一樣,vscode重新定義（redefined）了代碼編輯器,下面這篇文章主要給大家介紹了關(guān)于VSCode必備插件推薦的相關(guān)資料,需要的朋友可以參考下
2022-11-11
關(guān)于Unity動(dòng)畫狀態(tài)機(jī)Animator使用教程
這篇文章主要介紹了關(guān)于Unity動(dòng)畫狀態(tài)機(jī)Animator的使用教程，有需要的朋友可以借鑒參考下，希望可以對廣大讀者朋友能夠有所幫助
2021-09-09
sublime text 添加到鼠標(biāo)右鍵功能
這篇文章主要介紹了sublime text 添加到鼠標(biāo)右鍵功能,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2019-08-08
URL 長度有限制嗎？
眾所周知，傳遞小量參數(shù)(在沒有其他原因，例如隱藏參數(shù)值的情況下)推薦使用GET方法，傳遞大量參數(shù)推薦使用POST方法。原因是什么呢？
2009-06-06
Scratch3.0 頁面初始化同時(shí)加載sb3文件的操作代碼
今天通過本文給大家分享Scratch3.0 頁面初始化同時(shí)加載sb3文件的操作代碼，感興趣的朋友一起看看吧
2021-08-08
Get方法和Post方法的區(qū)別深入理解
學(xué)習(xí)編程的人對Get方法和Post方法并不陌生吧，GET是從服務(wù)器上獲取數(shù)據(jù)，POST是向服務(wù)器傳送數(shù)據(jù)，不了解的朋友可以詳細(xì)參考下
2013-10-10
如何查看git分支從哪個(gè)源分支拉的
這篇文章主要介紹了如何查看git分支從哪個(gè)源分支拉的，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-08-08
不懂編程該如何使用AI 編程技巧詳解
在當(dāng)今數(shù)字化時(shí)代,編程不再是專屬于程序員的領(lǐng)域,通過人工智能（AI）的協(xié)助,甚至是非編程專業(yè)人士也能輕松涉足,對于那些沒有編程基礎(chǔ)卻渴望利用 AI 進(jìn)行編程的人來說,AI 就是你編程學(xué)習(xí)的得力伙伴
2023-11-11
高性能WEB開發(fā) web性能測試工具推薦
WEB性能測試工具主要分為三種，一種是測試頁面資源加載速度的，一種是測試頁面加載完畢后頁面呈現(xiàn)、JS操作速度的，還有一種是總體上對頁面進(jìn)行評價(jià)分析，下面分別對這些工具進(jìn)行介紹，如果誰有更好的工具也請一起分享下。
2010-05-05
Websocket直播間聊天室教程 GoEasy快速實(shí)現(xiàn)聊天室
這篇文章主要介紹了Websocket直播間聊天室教程 GoEasy快速實(shí)現(xiàn)聊天室,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2020-05-05