VSCode 的 react 格式化代码后 代码格式就乱了

补充：出现这种情况的原因，一般是因为童鞋们用了vscode的Beautify插件，这个插件需要手动设置以下截图上的操作。因为vscode一开始默认选中的是JavaScript。

另外说明以下，Prettier插件与Beautify是一类插件，用了某个，另外一个就不起效。

这边补充一个我常用的插件链接🔗：https://blog.csdn.net/hzxOnlineOk/article/details/103767466

 

我设置了保存自动格式化代码，然鹅，格式化后代码简直让我想砸键盘，怎么办？(DIV元素或者组件的排版乱七八糟上蹿下跳。。。)

点击右下角的javaScript， 在弹出的选择框中， 输入选择JavascriptReact或者TypescriptReact

Now, 让我们尝试格式化一下？  OK So beautiful!

鉴于第一次碰到这种情况的新手可能不了解在哪里修改，我下边补充一张截图：