vscode-hsml

HSML language support for Visual Studio Code.

Still early — tracking hsml as it stabilizes.

Features

• Syntax highlighting for .hsml files
• Comment toggling (// line comments)
• Bracket matching and auto-closing pairs

HSML syntax at a glance

// Tags (div is the default when only class/id is used)
h1 Hello World
.container
  .card Hello

// Classes and IDs
h1#title.text-red.font-bold Hello

// Attributes
img(src="/photo.jpg" alt="A photo")
a(href="https://example.com" target="_blank") Link

// Multiline attributes
button(
  @click="handleClick"
  :disabled="loading"
  class="btn btn-primary"
) Submit

// Vue directives work as-is
div(v-if="show")
  ul
    li(v-for="item in items" :key="item.id") {{ item.name }}

For the full syntax reference, see the HSML documentation.

License

MIT