visual-studio-code - Prettier 不适用于将可视代码中的双引号更改为单引号

Question

我在可视化代码中使用 EsLint 和 Prettier。没有单引号和双引号，一切正常。

这是我的 .eslintrc 文件:{
"parser": "babel-eslint",
"plugins": ["prettier"],
"rules": {
"prettier/prettier": [
"error",
{
"singleQuote": true
}
]
}
}当我使用 ctr+shift+P 并输入“格式化文档”时。双引号没有变成单引号。如果我使用自动修复，它会改变，但是当我保存它时，单引号变成双引号。

我该如何解决这个问题。

Answer 1

因为你已经有了 singleQuote: true在你更漂亮的配置中设置，我怀疑你看到你的单引号专门在你的 JSX 标签中转换为双引号。这是因为 Prettier 对 JSX 有单独的规则:

"jsxSingleQuote": true

没有这个，即使有 "singleQuote": true , Prettier 仍然会将 JSX 中的单引号转换为双引号。
根据 Prettier 的说法，JSX 中的双引号是默认值，因为它源自 HTML，其中双引号更为常见。
套装 "jsxSingleQuote": true无论您在哪里拥有 Prettier 配置，这都可以解决问题。