格式 onsave 在带有 Prettier 的 VS Code 中不起作用

Question

我将 VS Code 与 ES Lint 和 Prettier 一起使用，它们运行良好。

但是今天我注意到 Prettier 没有像以前那样在保存时格式化代码。我没有进行任何更新或更改，所以我不知道为什么会这样。

当我进入“设置”时，它已经被选中：

如果我在代码中删除了一个 ; 或添加了一个额外的 space，它会在 Prettier 中显示为错误，但我必须右键单击并选择修复问题。我不知道为什么不像以前那样自动完成。

settings.json:

{
    "explorer.confirmDelete": false,
    "javascript.preferences.quoteStyle": "single",
    "typescript.preferences.quoteStyle": "single",
    "prettier.jsxSingleQuote": true,
    "prettier.singleQuote": true,
    "javascript.updateImportsOnFileMove.enabled": "always",
    "window.zoomLevel": 0,
    "editor.formatOnSave": true
}

关于如何解决这个烦人的问题有什么想法吗？

Answer 1

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

将其添加到 settings.json 对我有用

完整 settings.json:

{
"window.zoomLevel": 0,
"workbench.editor.enablePreview": false,
"workbench.editor.enablePreviewFromQuickOpen": false,
"[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"git.autofetch": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true

}

格式 onsave 在带有 Prettier 的 VS Code 中不起作用

Format onsave does not work in VS Code with Prettier

editor

visual-studio-code

vscode-settings

prettier