vscode的Prettier对.tsx后缀文件不起作用？

Question

如果文件后缀为.js时,以下的代码可以得到很好的格式化,但是为tsx后缀时,执行format document一点效果也没有.请问该如何配置.prettierrc(配置如下)?

Answer 1

装个prettier插件，vscode设置里添加

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

Answer 2

可以用Beautify

Answer 3

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