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

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

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

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里面配置

 //* 保存時使用eslint自動修正
 "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },

就可以了。

我的問題：

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

兩個項(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)兩個項(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é)

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

您可能感興趣的文章:

相關(guān)文章

git中reset和revert區(qū)別小結(jié)
本文主要介紹了git中reset和revert區(qū)別小結(jié)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-06-06
在Linux下搭建Git服務(wù)器的方法詳解
雖然用Git的人不多，但是git不僅僅是svn等版本控制系統(tǒng)的替換工具，它自己強(qiáng)大的功能，穩(wěn)定的性能，方便快捷等優(yōu)點(diǎn)自然不需多說，不了解的人自行去網(wǎng)上查看。本文將會詳細(xì)介紹在Linux下搭建Git服務(wù)器的方法，有需要的朋友們可以參考借鑒。
2016-09-09
通過自定義字段重新排序 WordPress 文章方法
在本文中，我將向您展示如何通過自定義字段更改文章的順序。WordPress 中文章的默認(rèn)順序基于發(fā)布日期，并按時間倒序顯示。這意味著它將在頂部顯示最新的文章。
2021-09-09
使用cache加快編譯速度的命令詳解
這篇文章主要介紹了使用cache加快編譯速度的方法，主要講解在Ubuntu 安裝ccache，使用libzmq測試ccache的相關(guān)知識，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
2022-07-07
http協(xié)議詳解(超詳細(xì))
HTTP協(xié)議（HyperText Transfer Protocol，超文本傳輸協(xié)議）是用于從WWW服務(wù)器傳輸超文本到本地瀏覽器的傳送協(xié)議。
2011-08-08
將Sublime?Text?設(shè)置成中文版的完整教程
這篇文章主要介紹了將Sublime?Text?設(shè)置成中文版的完整教程,需要自己添加之后才會有這一項(xiàng)，對Sublime?Text中文版設(shè)置方法感興趣的朋友一起看看吧
2022-01-01
將Git存儲庫克隆到本地IntelliJ IDEA項(xiàng)目中的詳細(xì)教程
這篇文章主要介紹了將Git存儲庫克隆到本地IntelliJ IDEA項(xiàng)目中的詳細(xì)教程,本文通過圖文并茂的形式給大家介紹的非常詳細(xì)，對大家的學(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
程序員趣味讀物談?wù)刄nicode編碼
這是一篇程序員寫給程序員的趣味讀物。所謂趣味是指可以比較輕松地了解一些原來不清楚的概念，增進(jìn)知識，類似于打RPG游戲的升級。整理這篇文章的動機(jī)是兩個問題
2012-08-08
VSCode中畫UML圖的方法實(shí)現(xiàn)
這篇文章主要介紹了VSCode中畫UML圖的方法實(shí)現(xiàn)，文中通過圖文介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-11-11