Prettier 和 ESLint + Airbnb 报价问题

如何解决Prettier 和 ESLint + Airbnb 报价问题

我已经在反应项目中安装了 Prettier 和 ESLint 和 airbnb 样式指南，但当我按下保存时我无法得到它，引号保持简单

我的 .eslintrc.json

{
  "extends": ["airbnb","plugin:react/recommended","airbnb/hooks","prettier"],"plugins": ["prettier"],"rules": {
    "prettier/prettier":["error",{"endOfLine": "auto"}],"react/jsx-filename-extension": [1,{ "extensions": [".js",".jsx"] }],"no-unused-vars": "warn","func-names": "off","react/react-in-jsx-scope": "off","eslint quotes": ["error","single"],"quotes": ["warn","arrow-parens": ["error","as-needed"]
  }
}

和我的 .prettierrc

{
  "printWidth": 80,"tabWidth": 2,"semi": true,"singleQuote": true,"trailingComma": "es5","bracketSpacing": true,"jsxBracketSameLine": false
}

我已经尝试将单引号选项放入两个文件中，但仍然使用双引号保存

我收到 lint 错误

用'container'替换"container"

更漂亮的输出是：

["INFO" - 12:23:38] Formatting c:\Users\toto\workspace\React\dumbapp\src\asd.js
["INFO" - 12:23:38] Using config file at 'c:\Users\toto\workspace\React\dumbapp\.prettierrc'
["INFO" - 12:23:38] Using ignore file (if present) at c:\Users\toto\workspace\React\dumbapp\.prettierignore
["INFO" - 12:23:38] File Info:
{
  "ignored": false,"inferredParser": "babel"
}
["INFO" - 12:23:38] Detected local configuration (i.e. .prettierrc or .editorconfig),VS Code configuration will not be used
["INFO" - 12:23:38] Prettier Options:
{
  "filepath": "c:\\Users\\toto\\workspace\\React\\dumbapp\\src\\asd.js","parser": "babel","tabWidth": 2
}
["INFO" - 12:23:38] Formatting completed in 9.527ms.

目标：使用 airbnb 样式进行整理并使用更漂亮的格式进行格式化。

这让我大吃一惊，所以欢迎任何帮助，谢谢！