node.js - 如何告诉 eslint 你更喜欢在字符串周围加上单引号

Question

我是 eslint 的新手，它吐出大量错误告诉我使用双引号：

error  Strings must use doublequote

那不是我的偏好。我有一个 .eslintrc 文件设置了基础知识：

{
  "env": {
    "node": 1
  }
}

我想将其配置为单引号。

Answer 1

http://eslint.org/docs/rules/quotes.html

{
  "env": {
    "node": 1
  },
  "rules": {
    "quotes": [2, "single", { "avoidEscape": true }]
  }
}

Answer 2

如果您使用的是 TypeScript/ES6，您可能希望包含模板文字（反引号）。此规则更喜欢单引号，并允许使用模板文字。

打字稿示例

"@typescript-eslint/quotes": [
  "error",
  "single",
  {
    "allowTemplateLiterals": true
  }
]

另一个有用的选项是允许单引号或双引号，只要字符串包含可转义的引号，例如"lorem ipsum 'donor' eta"or 'lorem ipsum "donor" eta'。

"@typescript-eslint/quotes": [
  "error",
  "single",
  {
    "avoidEscape": true,
    "allowTemplateLiterals": true
  }
]

参考：

ESLint

https://eslint.org/docs/rules/quotes

打字稿 ESLint

https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/eslint-plugin/docs/rules/quotes.md

Answer 3

rules: {
  'prettier/prettier': [
    'warn',
    {
      singleQuote: true,
      semi: true,
    }
  ],
},

在版本中"eslint": "^7.21.0"

Answer 4

对于 jsx 字符串，如果您想为所有文件设置此规则，请在 eslint 配置文件中创建规则。

  rules: {
    'jsx-quotes': [2, 'prefer-single'],
  }

或 'prefer-double' 表示双引号。

Answer 5

如果您还想允许双引号，如果它们会避免在字符串中转义单引号，并允许模板文字（合理的默认值，imo），请尝试以下操作：

{
  "env": {
    "node": 1
  },
  "rules": {
    "quotes": [2, "single", { "avoidEscape": true, "allowTemplateLiterals": true }]
  }
}