Prettier 不格式化 .tsx 文件

Question

我在 Visual Studio 代码编辑器中使用 Prettier 扩展已经很长时间了，但最近我正在用 Typescript 写 React。所以我需要配置 Prettier 来格式化 .tsx 文件。

Answer 1

在 VScode 的 settings.json 中使用以下编辑设置

"[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},

Answer 2

扩展iNeelPatel的答案，我不得不在 VSCode JSON 设置中添加两行：

"[typescript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
"[typescriptreact]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }

Answer 3

2023 年更新

.vscode在项目的根目录下创建一个文件夹。在该.vscode文件夹中创建settings.json文件，并在其中写入以下部分：

{
    "[typescript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    "[typescriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    }
}

不要忘记添加到文件.vscode中.gitignore。

Answer 4

一个简单的 UI 替代已经提出的方案：

1. 在 vscode 设置中搜索“默认格式化程序”。
2. 单击“文本编辑器”并将默认格式化程序设置为“Prettier - 代码格式化程序”。
3. 享受。

Answer 5

这将提供完美的解决方案

“同样的事情刚刚发生在我身上。我在设置中将 prettier 设置为默认格式化程序，然后它又开始工作了。我的默认格式化程序为空。”

https://github.com/microsoft/vscode/issues/108447#issuecomment-706642248