如何在VSCode中自动缩进jsx

Question

VSCode似乎没有在jsx中自动缩进HTML元素？

有没有办法解决它。

更新：

在 Atom ：

当我输入<div>时，原子会显示：

按下return键后，结果是（注意光标的位置）：

在 VSCode ：

中

Answer 1

尝试将语言模式更改为JavaScript React。

1. 打开命令面板。
2. 输入change language mode
3. 按 Enter
4. 输入javascript react
5. 按 Enter

完成后，您将在左下角看到JavaScript React模式。



进入该模式后，请再次尝试格式化文档。

Answer 2

将语言更改为Javascript React（有关说明，请参见其他答案），然后使用以下命令：

alt + shift + f

Answer 3

使用Esben Petersen的扩展名“ Prettier-Code formatter”。假设您的文件是jsx文件，它将在保存时自动格式化。

Answer 4

1。 将用户设置添加到

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

2。安装插件

Auto Install Tag

然后重新加载。它将解决您的问题。

顺便说一句，我认为现在有一个错误。如果没有组件道具，自动缩进效果很好，但是有了道具，它现在将无法工作。

<Component>Enter

===>

<Component>
    :
</Component> 

但是

<Component someProps={10}}Enter

===>

<Component someProps={10}>
:</Component>

任何可以解决此问题的人都请帮助我:)我在Mac上使用