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

就可以了。

总结

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

您可能感兴趣的文章:

VSCode开发必备插件推荐(墙裂推荐!)
vscode是微软开发的的一款代码编辑器,就如官网上说的一样,vscode重新定义（redefined）了代码编辑器,下面这篇文章主要给大家介绍了关于VSCode必备插件推荐的相关资料,需要的朋友可以参考下
2022-11-11
关于Unity动画状态机Animator使用教程
这篇文章主要介绍了关于Unity动画状态机Animator的使用教程，有需要的朋友可以借鉴参考下，希望可以对广大读者朋友能够有所帮助
2021-09-09
sublime text 添加到鼠标右键功能
这篇文章主要介绍了sublime text 添加到鼠标右键功能,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
2019-08-08
URL 长度有限制吗？
众所周知，传递小量参数(在没有其他原因，例如隐藏参数值的情况下)推荐使用GET方法，传递大量参数推荐使用POST方法。原因是什么呢？
2009-06-06
Scratch3.0 页面初始化同时加载sb3文件的操作代码
今天通过本文给大家分享Scratch3.0 页面初始化同时加载sb3文件的操作代码，感兴趣的朋友一起看看吧
2021-08-08
Get方法和Post方法的区别深入理解
学习编程的人对Get方法和Post方法并不陌生吧，GET是从服务器上获取数据，POST是向服务器传送数据，不了解的朋友可以详细参考下
2013-10-10
如何查看git分支从哪个源分支拉的
这篇文章主要介绍了如何查看git分支从哪个源分支拉的，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-08-08
不懂编程该如何使用AI 编程技巧详解
在当今数字化时代,编程不再是专属于程序员的领域,通过人工智能（AI）的协助,甚至是非编程专业人士也能轻松涉足,对于那些没有编程基础却渴望利用 AI 进行编程的人来说,AI 就是你编程学习的得力伙伴
2023-11-11
高性能WEB开发 web性能测试工具推荐
WEB性能测试工具主要分为三种，一种是测试页面资源加载速度的，一种是测试页面加载完毕后页面呈现、JS操作速度的，还有一种是总体上对页面进行评价分析，下面分别对这些工具进行介绍，如果谁有更好的工具也请一起分享下。
2010-05-05
Websocket直播间聊天室教程 GoEasy快速实现聊天室
这篇文章主要介绍了Websocket直播间聊天室教程 GoEasy快速实现聊天室,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2020-05-05