如何禁用 eslint(prettier/prettier) 单引号错误

Question

我有 react-native 代码。 我安装 ESLint。 我用它但它显示错误。

当我使用单引号时它显示错误

将'react-native'替换为"react-native" eslint(prettier/prettier)

当我使用双引号时，它会显示另一个错误

字符串必须使用单引号。 eslint（引号）

这是屏幕截图：

我想要的是，如何删除有关使用单引号的错误消息？ 我更喜欢使用单引号而不是双引号。

Answer 1

除了@Barmar 的回答，您还可以使用以下属性在.eslintrc.js文件上使用更漂亮的配置：

rules: {
    // ...
    'prettier/prettier': ['error', { singleQuote: true }]
  }

Answer 2

这里的两个答案帮助我找到了适合我的解决方案。 在我的.eslintrc文件中，我添加了以下内容：

"rules": {
  "prettier/prettier": ["error", { "singleQuote": true }]
}

Answer 3

在您的 ESLint 配置中，您需要：

quotes: [2, "single"]

在你想要的漂亮配置中：

single-quote: true

您还应该在使用引号时保持一致，因此您应该在第二个import行中使用单引号：

import App from './App';

Answer 4

在我的例子中，我需要实施上面建议的更改并按 CMD + SHIFT + P 和 select“重新加载窗口”重新加载 VS 代码以使更改生效。

Answer 5

没有一个解决方案对我有用，所以在我的.eslintrc.js文件中，我替换了以下行：

extends: "@react-native-community",

和：

extends: ["@react-native-community", "prettier"],

这就是我的.eslintrc.js文件现在的样子：

module.exports = {
  root: true,
  extends: ["@react-native-community", "prettier"],
};