如何告诉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

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

在版本 "eslint": "^7.21.0"

Answer 3

如果您使用的是 TypeScript/ES6，您可能需要包含模板文字（反引号）。此规则首选单引号，并允许使用模板文字。

TypeScript 示例

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

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

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

参考文献：

ESLint

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

TypeScript ESLint

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

Answer 4

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

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

或'prefer-double'为双引号。