18

我想在更漂亮的地方关闭规则，它会换行内联注释。我的 ESLint 规则no-inline-comments设置为关闭或警告，因此得到了照顾和工作。原来 Prettier 仍然想要换行和内联注释：

在此处输入图像描述

我在我的 VSCode 中有一个设置，其中 ESLint 正在处理更漂亮的 JS，而更漂亮的扩展正在处理所有其他语言。我也在使用airbnb-base. 这是我的相关配置：

.eslintrc.json：

{
  "extends": ["airbnb-base", "plugin:prettier/recommended"],
  "rules": {
    "no-console": 0,
    "no-plusplus": 0,
    "no-inline-comments": "off",
    "no-undef": "warn",
    "no-use-before-define": "warn",
    "no-restricted-syntax": [
      "warn",
      {
        "selector": "ForOfStatement",
        "message": "frowned upon using For...Of"
      }
    ]
    // "line-comment-position": ["warn", { "position": "above" }]
  },
  "env": {
    "browser": true,
    "webextensions": true
  }
}

VS代码settings.json：

  // all auto-save configs
  "editor.formatOnSave": true,
  // turn off for native beautifyjs
  "[javascript]": {
    "editor.formatOnSave": false
  },
  "eslint.autoFixOnSave": true,
  "eslint.alwaysShowStatus": true,
  "prettier.disableLanguages": ["js"],
  "prettier.trailingComma": "es5"
}

我知道你可以做// eslint-disable-next-line prettier/prettier你想要忽略的事情，但我显然不想每次都设置它。你可以在我上面的图片中看到它被注释掉了。

通常，将注释放在自己的行而不是行尾时，您会得到最好的结果。更喜欢// eslint-disable-next-line.// eslint-disable-line

https://prettier.io/docs/en/rationale.html#comments

我不确定这在这种情况下是否有用？：

注意：虽然可以通过您的 ESLint 配置文件将选项传递给 Prettier，但不建议这样做，因为编辑器扩展如prettier-atom和prettier-vscode将读取.prettierrc，但不会从 ESLint 读取设置，这可能会导致不一致的体验。

https://github.com/prettier/eslint-plugin-prettier#options

我和几个人谈过，这甚至不可能？不过，这是某处的规则，应该可以被覆盖。如果有任何其他信息我可以提供，我会的。

4

0 回答 0