Naughty Pinching Mannequins

    @shinnqy/angular-template-formatter

    0.1.13 • Public • Published

    Angular Template Formatter README

    Extension for formatting Angular 2+ HTML templates. This extension is opinionated and not very configurable.

    Formatting:

    When run, this extension will put each HTML attribute on its own line—unless there is a single attribute declared on the HTML tag. In the case of a single attribute, the tag and attribute will be put on a single line.

    Example:

    This template from the Angular Tour of Heroes:

    <div id="search-component">
      <h4>Hero Search</h4>
      <input #searchBox id="search-box" (keyup)="search(searchBox.value)" />
      <div>
        <div *ngFor="let hero of heroes | async"
             (click)="gotoDetail(hero)" class="search-result" >
          {{hero.name}}
        </div>
      </div>
    </div>

    will get formatted to:

    <div id="search-component">
        <h4>Hero Search</h4>
        <input
            #searchBox
            id="search-box"
            (keyup)="search(searchBox.value)"
        >
        <div>
            <div
                *ngFor="let hero of heroes | async"
                (click)="gotoDetail(hero)"
                class="search-result"
            >
                {{hero.name}}
            </div>
        </div>
    </div>

    Recommended Configuration:

    {
        // turn off default vs code formatter
        "html.format.enable": false,
        // enable formatting by default
        "editor.formatOnSave": true,
        "editor.formatOnPaste": true
    }
    

    Release Notes

    0.1.2

    Preserves HTML escaped entitities

    0.1.1

    Does not remove <!DOCTYPE> tags when formatting.

    0.1.0

    Now formats svgs in templates

    0.0.8

    Added option for preventing closing tag > from being on their own line: angular-template-formatter.closeTagSameLine. Thanks @larscom!

    0.0.7

    Added an option for tabs vs spaces. Thanks @Empereol!

    0.0.2

    Added configuration option for indentWidth, defaults to 4.

    0.0.1

    Initial release of Angular template formatter

    Keywords

    none

    Install

    npm i @shinnqy/angular-template-formatter

    DownloadsWeekly Downloads

    2,114

    Version

    0.1.13

    License

    none

    Unpacked Size

    35.5 kB

    Total Files

    20

    Last publish

    Collaborators

    • shinnqy