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

当你用vscode写完react的jsx语法，会是下面这个鸟样

下面是解决办法

1. 首先安装插件
   Prettier - Code formatter
   
2. 添加配置文件 文件-> 首选项-> 设置->用户->文本编辑器->文件->点击右侧的settings.json 进入配置文件，找到iles.associations，添加"*.js": "javascriptreact"

`“files.associations”: {

"*.js": "javascriptreact"

},`

因为修改了配置文件，所以关掉vscode，重新打开，在之前jsx语法页面重新保存，哎？ 可以正常书写了~~~~