漂亮的扩展名不会在文件保存时格式化代码

Question

我已经为VS Code安装了prettier扩展名，将其设置为默认格式设置，并且还在VS Code配置文件中将保存时的格式设置为true。

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

但是，延迟2秒后自动保存文件时，漂亮的文件不会格式化我的代码。仅在以下情况下格式化代码：

• 使用 option + Shift + F 键盘快捷键手动设置代码格式。
• 按命令 + S

这是我的.prettierrc文件

{
    "trailingComma": "es5",
    "tabWidth": 4,
    "semi": true,
    "singleQuote": true
}

如何在保存文件时自动使代码更漂亮？

Answer 1

搜索后，在VS-Code的存储库中遇到一个github问题，其中提到如果将自动保存设置为editor.formatOnSave: true，则VS-Code设置afterDelay将不起作用。

要让prettier在保存文件时自动格式化代码，请关闭自动保存或将其值更改为afterDelay以外的任何可能的值。

因此，我将自动保存设置更改为在焦点更改后保存文件，并且当任何文件保存在焦点更改上时，漂亮的存储开始自动格式化代码。