如何在VSCode中自动缩进jsx

zhu*_*cat 21 jsx reactjs visual-studio-code

VSCode似乎不会自动缩进jsx中的HTML元素?

在此输入图像描述

有没有办法解决它.


更新:

Atom中:

当我输入时<div>,atom将显示: 在此输入图像描述

按下return键后,结果是(注意光标的位置): 在此输入图像描述

VSCode中:

在此输入图像描述

在此输入图像描述

Sha*_*tin 32

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

  1. 打开命令面板.
  2. 类型 change language mode
  3. Enter
  4. 类型 javascript react
  5. Enter

完成后,您将在左下角看到JavaScript React模式.

确认JavaScript反应模式

进入该模式后,再次尝试格式化文档.

  • 我只想要当我按下`return`键时,与我的问题示例中的`<div>`相比,还有一个缩进. (7认同)
  • 我想知道是否有任何方法可以在 `jsx` 中自动添加 HTML 结束标记 (2认同)

ken*_*ill 12

将语言更改为Javascript React(有关说明,请参阅其他答案),然后使用以下命令:

alt + shift + f
Run Code Online (Sandbox Code Playgroud)