literally HTML

A library agnostic fork of vscode-lit-html which aim is to bring syntax highlighting and language support for HTML inside of any JavaScript and TypeScript tagged template strings.

❗Important: IntelliSense and language support requires VS Code 1.20+.

Example

hyper(document.body)`
  <div class=${model.class}>
    ${model.greetings} !!!
  </div>`;
 
render`
  <ul>
    ${items.map(
      item => html`<li>${item.value}</li>`
    )}
  </ul>`;

Usage

If simply installing through VS Code is not enough, maybe the following could help.

# within your project 
npm install --save-dev literally-html
 
# create a jsconfig.json file with the following content 
echo '{
  "compilerOptions": {
    "plugins": [
      {
        "name": "typescript-lit-html-plugin"
      }
    ]
  }
}' > jsconfig.json