Visual Studio Code Factory Transpiler Support

supports

• conversion from factory to html
  • normal tags, singletons and text
• auto formatting
• error detection

Syntax

meta(charset="UTF-8")
div(a="a") {
    div(b="b") {
        div(c="c" test) {
            "text"
            auto-formated() {

            }
        }
    }
    button(class="rounded") {
        "Click Me"
    }
}
div(a="b" *ngIf="showHello") {
    "hello"
    br()
    img(src="picture.png")
}

Output

<meta charset="UTF-8" />
<div a="a">
    <div b="b">
        <div c="c" test>
            text
            <auto-formated> </auto-formated>
        </div>
    </div>
    <button class="rounded">Click Me</button>
</div>
<div a="b" *ngIf="showHello">
    hello
    <br />
    <img src="picture.png" />
</div>