为什么 Prettier 不格式化 VS Code 中的代码？

Question

在安装并启用了 ESlint 和 Prettier 的 Nuxt 应用程序中，我切换到了 Visual Studio Code。

当我打开一个 .vue 文件并按 { "tabWidth": 2, "semi": false, "singleQuote": true } + ---1--- + ---2--- 并选择 Format Document 时，我的文件根本没有被 格式化。

我的 .prettierrc 设置：

---3---

我有这么多源代码行，所以我无法手动格式化它们。我究竟做错了什么？

原文由 Billal Begueradj 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在对 Prettier 停止在 VSCode 中工作感到非常沮丧之后，我是如何对其进行排序的。

1. 选择 VS Code -> View -> Command Palette ，然后输入： Format Document With

2. 然后 Configure Default Formatter... 然后选择 Prettier - Code formatter 。

这神奇地为我解决了问题。

根据您的情况，这可能会帮助您…

原文由 Miha 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

如果执行@Simin Maleki 提到的操作不能为您解决问题，则可能是您的默认格式化程序未设置：

 File > Preferences > Settings > Search for "default formatter"

确保您的 Editor: Default Formatter 字段不是 null 而是 Prettier - Code formatter (esbenp.prettier-vscode) 并且勾选了以下所有语言。这解决了我的问题。

逐步演练

还要确保您的保存格式已启用：

原文由 lbragile 发布，翻译遵循 CC BY-SA 4.0 许可协议