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

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

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

vscode的eslint插件不起作用

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

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

VS Code打開“設置”，在擴展（extensions）中選擇eslint，并打開"settings.json"
輸入（文件中有重復屬性使用一次即可）：

"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,
  },
};

找到對應@umijs/fabric發(fā)現(xiàn)兩個項目版本不一致，從而導致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',
    },
};

就可以了。

總結

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

您可能感興趣的文章:

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