在哪里设置WebStorm修改符合eslint注释代码规范???

如图所示,我要注释tsx文件中的一大段代码的时候,由于不符合eslint规范,造成红标,在哪里修改设置使其符合eslint规范呢?
image.png

红色少了空格

绿色的是正确的,
红色的是错误的。

阅读 2.7k
1 个回答

首先你鼠标悬停在浪线上应该可以看到 elsint 的错误提示。
如果我没看错,可以发现是 spaced-comment 这个错误。

那么在你项目的 .eslintrc.*(如 .eslintrc.js)的 rule 中添加 "spaced-comment": 0 /* 0 禁用 1 警告 2 错误 */,这样就不会报错了。
举例:

module.exports = {
  env: {
    browser: true,
    es2021: true
  },
  extends: [
    "standard"
  ],
  parserOptions: {
    ecmaVersion: 12
  },
  rules: {
    "spaced-comment": 0
  }
}

如果你没有发现这个文件,有两种情况

  1. 隐藏了
  2. webstorm 帮你接入了 eslint,并且没有给配置文件

这个时候如果你也不打算为项目添加一个配置文件,你可以直接打开 ws 首选项,搜索错误名称 spaced-comment,根据我的经验会出来一个带有很多复选框的页面,你可以同样地调整这项语法为禁用、警告和错误。
搜不到可以先找到语法页面,好像叫 Syntax 吧,好久没用了,然后在那里面搜索。

以上。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题