为什么 Prettier 代码格式化程序停止在 VS Code 中格式化？

Question

我正在尝试格式化代码，但更漂亮的代码无法正常使用 VS 代码。 我也尝试重新安装它，但出现同样的问题。 我无法用更漂亮的格式格式化我的 html css 代码。 您还可以看到保存代码后代码未格式化的屏幕截图。

Answer 1

按照这些步骤，我认为它会起作用：

1. 从扩展商店安装 prettier：

2. Go 到并编辑settings.json文件并在下面的行中过去。 您可以通过以下方式找到settings.json ：

• 在 Windows 上： F1或Ctrl + Shift + P ，然后输入open settings并选择Open Settings (JSON)
• 在 MacOS 上： Shift + CMD + P ，然后与 Windows 相同的步骤

{ 

  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  
}

3. 重新启动 VS 代码。

Answer 2

如果您应用以下答案中提到的步骤（由 yousoumar 提供），但仍然没有解决方案，那么可能会出现 prettier 正在捕获的错误。 您始终可以通过单击右下角进行检查，那里显示更漂亮（如果有两个小复选标记，则可能根本没有错误）

Answer 3

编辑设置。json页面

• Windows：Ctrl + Shift + P
• 在 MacOS 上：Shift + CMD + P

我必须添加以下内容：

{
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[scss]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
}