HTML legible dentro de template strings

Cuando se escribe HTML dentro de template strings en JavaScript, el editor suele tratarlo como texto plano. La extensión ES6 String HTML en Visual Studio Code añade resaltado de sintaxis HTML real dentro de strings ES6, mejorando la legibilidad del código.

Instalación

1. Abre Visual Studio Code
2. Cambia a Extensiones
3. Busca: es6-string-html (autor: Tobermory)

O puedes abrir su página en el Marketplace y añadirlo:

ES6 String HTM

Agrega soporte para resaltar sintaxis para código, ubicado en cadenas multilínea es6

Marketplace

Cuándo usarla

Para que la extensión ES6 String HTML detecte el contenido como HTML, se debe anteponer el comentario /*html*/ justo antes del template string.

Ejemplo:

ES6 String HTML es una extensión pequeña pero muy útil si trabajas con HTML dentro de JavaScript. Aporta claridad inmediata sin cambiar tu flujo de trabajo.