在VS代码

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 ，格式化程序将删除我的所有自定义格式：< / p>

<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标签？

我尝试了什么（没有结果）：

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

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

谢谢。

Answer 1

在用户设置中Preferences＆gt; User Settings设置

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

将使所有HTML标记的行为与您的示例相同。你也可以设置

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

使其在保存和粘贴时自动运行。