让 Webstorm 使用单引号更漂亮

Question

我正在寻找一种将双引号（默认行为）更改为单引号的方法。我已阅读文档并尝试在线搜索，但正常的做法似乎不起作用。

我以各种方式调整了

package.json

，但没有一个有效，这是我最新的尝试：

"prettier": {
    "singleQuote": true
},

我不知道该怎么做。关于这一点的文档非常糟糕。他们也提到了配置，但我也不知道如何放置它们。

有类似问题的人： WebStorm：配置 Prettier 使用选项卡？

Answer 1

WebStorm 允许从 Prettier 导入代码风格首选项。例如：

按 Yes 应用设置 - 当您使用 Code | 重新格式化代码时将使用它们。重新格式化代码，以及运行时使用 Prettier 操作重新格式化

编辑： 由于https://github.com/prettier/prettier/pull/2434修复，Prettier（甚至全局！）在格式化时使用最接近当前文件（在目录树上）的配置文件。

因此，您可以通过在项目

.prettierrc

中添加相应的

"prettier"

文件或

package.json

部分来全局安装它并在项目中配置它。

Answer 2

您的配置看起来不错。尝试重新应用 Prettier 规则。 Webstorm 应该调整自己的规则。

如何做：

1. 打开操作 CTRL + SHIFT + A
2. 寻找

   Apply Prettier Code Style Rules

Webstorm 官方文档这里。

---

PS：有时重新启动也有帮助，有时只需要一些时间。

Answer 3

我在 WebStorm 项目根目录中创建了一个本地

.prettierrc

文件，当我保存 .js 文件时，它没有使用这些配置设置。然后我重命名了该文件

.prettierrc.json

并且它起作用了。

{
    "singleQuote": true
}