vscode的eslint插件不起作用问题及解决

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

这篇文章主要介绍了vscode的eslint插件不起作用问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

vscode的eslint插件不起作用

某次对vue项目重构之后，关闭项目再打开，突然发现prettier好使，但是eslint不好用了。

通过尝试网上的各种方法，最终找到解决方案。

VS Code打开“设置”，在扩展（extensions）中选择eslint，并打开"settings.json"
输入（文件中有重复属性使用一次即可）：

"eslint.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "vue",
      "autoFix": true
    },
    "vue"
  ],
  "eslint.autoFixOnSave": true

之后重启一下vsCode，eslint的检查就生效了。

vscode eslint配置

正常eslint配置百度一大堆

现在新版本只需要安装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发现两个项目版本不一致，从而导致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',
    },
};

就可以了。

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

git中reset和revert区别小结
本文主要介绍了git中reset和revert区别小结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-06-06
在Linux下搭建Git服务器的方法详解
虽然用Git的人不多，但是git不仅仅是svn等版本控制系统的替换工具，它自己强大的功能，稳定的性能，方便快捷等优点自然不需多说，不了解的人自行去网上查看。本文将会详细介绍在Linux下搭建Git服务器的方法，有需要的朋友们可以参考借鉴。
2016-09-09
通过自定义字段重新排序 WordPress 文章方法
在本文中，我将向您展示如何通过自定义字段更改文章的顺序。WordPress 中文章的默认顺序基于发布日期，并按时间倒序显示。这意味着它将在顶部显示最新的文章。
2021-09-09
使用cache加快编译速度的命令详解
这篇文章主要介绍了使用cache加快编译速度的方法，主要讲解在Ubuntu 安装ccache，使用libzmq测试ccache的相关知识，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2022-07-07
http协议详解(超详细)
HTTP协议（HyperText Transfer Protocol，超文本传输协议）是用于从WWW服务器传输超文本到本地浏览器的传送协议。
2011-08-08
将Sublime Text 设置成中文版的完整教程
这篇文章主要介绍了将Sublime Text 设置成中文版的完整教程,需要自己添加之后才会有这一项，对Sublime Text中文版设置方法感兴趣的朋友一起看看吧
2022-01-01
将Git存储库克隆到本地IntelliJ IDEA项目中的详细教程
这篇文章主要介绍了将Git存储库克隆到本地IntelliJ IDEA项目中的详细教程,本文通过图文并茂的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2020-10-10
解决SecureCRT通过SSH连接Ubuntu时vi命令有多余的m的问题
小编遇到这样一个问题用vi命令来编辑文件的时候，在开头和结尾有多余的字母出现：在开头会有多余的“m”出现，结尾有多余的“2m”，这篇文章主要介绍了解决SecureCRT通过SSH连接Ubuntu时vi命令有多余的m的问题,需要的朋友可以参考下
2022-09-09
程序员趣味读物谈谈Unicode编码
这是一篇程序员写给程序员的趣味读物。所谓趣味是指可以比较轻松地了解一些原来不清楚的概念，增进知识，类似于打RPG游戏的升级。整理这篇文章的动机是两个问题
2012-08-08
VSCode中画UML图的方法实现
这篇文章主要介绍了VSCode中画UML图的方法实现，文中通过图文介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-11-11