停止 TSLint 删除 HTML 元素中的前导空格

Question

如何在 VSCode 中配置 TSLint 以不重新格式化我的代码？我不想完全禁用 TSLint 我只想停止它所做的这件事。我想在 html 标签内保留前导缩进。

        <ng-template [ngIf]="($eventsCount | async) > 0">
            <a href=""
                *ngIf="!($isClosing | async)"
                class="btn--danger"
                confirm="Are you sure?"
                (confirmed)="onCloseAll()">
                Close All
            </a>
        </ng-template>

当我保存上面的代码时，TSLint（在 VSCode 中）将其重新格式化为：

        <ng-template [ngIf]="($eventsCount | async) > 0">
            <a href="" *ngIf="!($isClosing | async)" class="btn--danger" confirm="Are you sure?" (confirmed)="onCloseAll()">
                Close All
            </a>
        </ng-template>

我需要在 TSLint 中更改什么规则才能阻止它删除我的 angular 组件 html 中的前导空格？

TSLint 版本：5.9.1

谢谢

Answer 1

这不是 TSLint - 这可能是 VS Code 中的默认 HTML 格式化程序。您可能将 formatOnSave 设置为 true，您可以完全禁用它，或者对于某些文件类型：

"editor.formatOnSave": true
  "[html]": {
    "editor.formatOnSave": false
}

但是我建议查看 Prettier，他们最近发布了一个疯狂的 powerful/configurable HTML 格式化程序。

停止 TSLint 删除 HTML 元素中的前导空格

Stop TSLint removing leading spaces within a HTML element

html

tslint

visual-studio-code

linter