使Webstorm使用单引号更漂亮

Question

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

我已经以各种方式调整了package.json，没有一个有效，这是我最近的尝试：

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

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

有类似问题的人： WebStorm: configure Prettier to use tabs?

Answer 1

WebStorm允许从更漂亮的方式导入代码样式首选项。例如：

按是以应用设置 - 当您使用代码重新格式化代码时，将使用它们。重新格式化代码，以及运行使用更漂亮的操作重新格式化

时

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

因此，您可以通过在项目.prettierrc中添加相应的"prettier"文件或package.json部分来全局安装并在项目中进行配置。

Answer 2

您的配置看起来还可以。尝试重新应用更漂亮的规则。 Webstorm应该调整自己的规则。

操作方法：

1. 打开操作 CTRL + SHIFT + A
2. 找到Apply Prettier Code Style Rules

Webstorm官方文档here。

---

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