在 VS Code 中为 html 标签指定自定义格式

Question

我喜欢以特定方式格式化的html 。 例如使用 Telerik 的网格（它可以有很多属性）我喜欢这样：

 <kendo-grid [data]="myGrid" [height]="510" [pageSize]="prjState.take" [skip]="prjState.skip" [pageable]="true" [sortable]="true" [sort]="prjState.sort" [filter]="prjState.filter" [filterable]="true" (edit)="editHandler('prj',$event)" (cancel)="cancelHandler($event)" (save)="saveHandler('prj',$event)" (dataStateChange)="onPrjStateChange($event)">

如果我在 VS Code 中像这样格式化并点击Shift + Alt + F ，格式化程序会删除我所有的自定义格式：

 <kendo-grid [data]="myGrid" [pageSize]="prjState.take" [skip]="prjState.skip" [pageable]="true" (edit)="editHandler('prj',$event)" (cancel)="cancelHandler($event)" (save)="saveHandler('prj',$event)" [sortable]="true" [height]="510" [sort]="prjState.sort" [filter]="prjState.filter" [filterable]="true" (dataStateChange)="onPrjStateChange($event)">

2个问题：

1. 是否可以阻止 VS Code 重新格式化我的 kendo-grid 标签？
2. 是否可以修改 VS Code 以按照我指示的方式格式化剑道网格标签？

我尝试过的（没有结果）：

• 将kendo -grid标签添加到 settings.json 文件中的html.format.contentUnformatted设置

• 将kendo -grid标签添加到 settings.json 文件中的html.format.unformatted设置

谢谢你。

Answer 1

在用户设置Preferences > User Settings设置中

"html.format.wrapAttributes": "force-aligned"

将使所有 HTML 标签的行为都像您的示例。 你也可以设置

"editor.formatOnSave": true,
"editor.formatOnPaste": true

使其在保存和粘贴时自动工作。