vscode的eslint插件不起作用問(wèn)題及解決

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

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

vscode的eslint插件不起作用

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

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

VS Code打開(kāi)“設(shè)置”，在擴(kuò)展（extensions）中選擇eslint，并打開(kāi)"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
  },

就可以了。

我的問(wèn)題：

我有兩個(gè)umi項(xiàng)目，但是一個(gè)項(xiàng)目對(duì)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,
  },
};

找到對(duì)應(yīng)@umijs/fabric發(fā)現(xiàn)兩個(gè)項(xiàng)目版本不一致，從而導(dǎo)致eslint配置不一致。

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

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