tsx 文件中的单引号更漂亮

Question

2-3 周，虽然我没有更改漂亮文件中的任何内容，但 VSC 开始将单引号更改为双引号，而它始终是单引号。我尝试了很多选择，但它一直在改变它。这是我的 .prettierrc

{
  "trailingComma": "es5",
  "printWidth": 200,
  "semi": true,
  "singleQuote": true,
  "jsxSingleQuote": true,
  "tabWidth": 2,
  "quoteProps": "as-needed"
}

编辑：我认为，这是 .tsx 文件的问题，因为 prettier 只有 .jsx 文件的选项，但仍然没有找到解决方案。

Answer 1

在.prettierrc，添加：

{
  "singleQuote": true,
  "jsxSingleQuote": true
}

Answer 2

在您的用户设置中，确保您有以下行：

"prettier.singleQuote": true

您可以通过以下方式访问用户设置CTRL+,您可以在 Windows 或CMD+,Mac

如果您使用的是设置 GUI，只需搜索single quote并选中/取消选中Prettier: Jsx Single quote和Prettier: Single quote