文字格式失真

Question

在Visual Studio 2019中 在执行文本格式设置（CTRL + K + D）时，除html文档中的style属性外，其他所有内容都看起来不错。

格式化之前：

<form style="display: flex;flex-direction: column; height: 100%; justify-content: space-between;" [formGroup]="SystemForm">

及之后：

<form style="    display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;" [formGroup]="SystemForm">

我该如何纠正？

Answer 1

我建议您使用流行的VSCode扩展名，称为 Prettier-Code formatter ，也可以对其进行进一步的自定义。

这将格式化您的代码，如下所示：

<form
  style="display: flex;flex-direction: column; height: 100%; justify-content: space-between;"
  [formGroup]="SystemForm"
></form>