Question

许多代码格式化程序以错误的方式格式化我的代码。例如，代码如下：

<Fade {...TransitionProps} timeout={350}>
  <Paper className={classes.appsUIBox}>
    <AccountBalanceIcon className={classes.icon} />
    <AccountCircleIcon className={classes.icon} />
  </Paper>
</Fade>

我希望它像下面这样：

<Fade 
    {...TransitionProps} 
    timeout={350}
>
  <Paper 
    className={classes.appsUIBox}
  >
    <AccountBalanceIcon 
        className={classes.icon}
    />
    <AccountCircleIcon
        className={classes.icon}
    />
  </Paper>
</Fade>

但是当我使用Beautify时我会得到

< Fade {
  ...TransitionProps
}
timeout = {
    350
  } >
  <
  Paper className = {
    classes.appsUIBox
  } >
  <
  AccountBalanceIcon className = {
    classes.icon
  }
/> <
AccountCircleIcon className = {
  classes.icon
}
/> <
/Paper> <
/Fade>

是否有某些设置或某些代码格式化程序可以做得很好？我也尝试过Prettier，对我来说效果不佳。我检查了Stackoverflow中的其他问题，没有发现有这个困难的人，也没有为使用Visual Studio Code的人提供好的建议。一些问题的答案推荐了其他IDE，例如JetBrains，我宁愿使用Visual Studio Code。

反应Visual Studio代码错误的格式

0 个答案: