在 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

使其在保存和粘貼時自動工作。