Остановить TSLint, удаляя начальные пробелы в элементе HTML

Как настроить TSLint в VSCode, чтобы мой код не переформатировался? Я не хочу полностью отключать 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, чтобы он не удалял начальные пробелы в моих угловых компонентах html?

Версия TSLint: 5.9.1

Спасибо


person John    schedule 17.01.2019    source источник
comment
TSLint предназначен только для TypeScript, а не для HTML. VSCode использует средство форматирования на основе js-beautify для HTML code.visualstudio.com/docs/languages. /html#_форматирование   -  person ShamPooSham    schedule 17.01.2019


Ответы (1)


Это не TSLint — это, вероятно, средство форматирования HTML по умолчанию в VS Code. Вероятно, для параметра formatOnSave установлено значение true, вы можете полностью отключить его или для определенных типов файлов:

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

Однако я бы порекомендовал проверить Prettier, они недавно выпустили безумно мощный /настраиваемый модуль форматирования HTML.

person hevans900    schedule 17.01.2019