webstorm - 使 Webstorm 使用单引号更漂亮

Question

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

我已经package.json以各种方式进行了调整，但都没有奏效，这是我最近的尝试：

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

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

有类似问题的人： WebStorm：配置 Prettier 以使用标签？

Answer 1

WebStorm 允许从 prettier 导入代码风格偏好。例如：

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

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

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

Answer 2

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

怎么做：

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

官方 Webstorm 文档在这里。

---

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