reactjs - VS Code 美化 react html 中的 break 标签

我在 VS 代码中进行了美化，所以当我将它应用到

<div className="chatApp" style={style}>
    <Navigation />
    <ChatField />
</div>

我得到

  <
  div className = "chatApp"
  style = {
    style
  } >
  <
  Navigation / >
  <
  ChatField / >
  <
  /div>

但我想要那样的东西

<div className = "chatApp"
 style = {
     style
 }>
     <Navigation />
     <ChatField />
 </div>

问题是如何更改美化设置以不将标签转移到新行(div、p、span 等)？

最佳答案

它也发生在我身上。
您需要将语言语法从“普通”javascript 设置为“javascript react”。

看下面的图片，您需要单击底部状态栏并更改语法。





要更新项目中的所有文件，请转到“用户设置”或“工作区设置”，具体取决于您是希望为项目还是为用户设置。

现在查一下:

  "files.associations": {},

并覆盖它并设置如下内容:

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

关于reactjs - VS Code 美化 react html 中的 break 标签，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51691807/