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

就可以了。

总结

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

您可能感兴趣的文章:

大规格文件的上传优化思路详解
这篇文章主要介绍了大规格文件的上传优化，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2020-05-05
五个最佳编程文本编辑器分享
五个最佳编程文本编辑器分享，经常编写代码的朋友可以参考下
2012-04-04
vscode调试container中的程序的方法步骤
本文主要介绍了vscode调试container中的程序的方法步骤，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-03-03
三大UML建模工具Visio、Rational Rose、PowerDesign的区别比较
UML建模工具相信大家有所了解，那么你对UML建模工具Visio 、Rational Rose、PowerDesign之间的区别和联系是否了解，这里就像大家简单介绍一下
2013-02-02
IntelliJ IDEA2020.3 新特性(小结)
这篇文章主要介绍了IntelliJ IDEA 2020.3 新特性，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2020-12-12
详解文法的定义与分类(编译原理)
计算机的语言具有严格的语法、语义,易于形式化的特征,这篇文章主要介绍了详解文法的定义与分类(编译原理),本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2023-08-08
算法系列15天速成第七天线性表【上】
人活在社会上不可能孤立，比如跟美女有着千丝万缕的关系，有的是一对一，有的是一对多，有的是多对多
2013-11-11
Chrome 调试技巧(小结)
这篇文章主要介绍了Chrome 调试技巧(小结)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-09-09
在Visual Studio中使用GIT进行源码管理
这篇文章介绍了在Visual Studio中使用GIT进行源码管理的方法，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-06-06
20个提高开发效率的VS Code快捷键（推荐）
这篇文章主要给大家介绍了20个提高开发效率的VS Code快捷键，文中通过图文介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-12-12