vscode 如何格式化react代码(jsx)？

Question

在代码中右键"格式化文件"，jsx的语法就全乱了。
不知道什么插件或设置可以解决。

Answer 1

右下角语言选JavascriptReact或者TypescriptReact就可以了，再格式化jsx就不会乱了。

Answer 2

"files.associations": {
    "*.js": "javascriptreact"
  },

拿去玩吧

Answer 3

Prettier - Code formatter

ext install prettier-vscode

值得拥有！