Extensión para Visual Studio Code
Una extensión de VS Code que proporcionará soporte completo para archivos EsHTML, incluyendo resaltado de sintaxis, autocompletado y más.
Estado del Desarrollo
La extensión de Visual Studio Code para EsHTML está actualmente en desarrollo. Estamos trabajando en las características fundamentales para proporcionar la mejor experiencia de desarrollo posible.
Características Planificadas
Resaltado de Sintaxis
Resaltado completo de sintaxis para archivos .eshtml, con soporte para etiquetas, atributos y valores en español. Colores optimizados para distinguir fácilmente entre diferentes elementos.
IntelliSense y Autocompletado
Sugerencias inteligentes mientras escribes. Autocompletado de etiquetas y atributos EsHTML con descripciones en español. IntelliSense te ayudará a descubrir todas las etiquetas y atributos disponibles sin tener que memorizar la sintaxis.
Fragmentos de Código (Snippets)
Colección completa de snippets para estructuras HTML comunes. Escribe abreviaciones cortas y expándelas automáticamente a bloques de código completos:
Transpilar al Guardar
Opción para transpilar automáticamente archivos .eshtml a.html cada vez que guardes. Perfecto para integración en tu flujo de trabajo de desarrollo sin pasos adicionales.
Detección de Errores
Validación en tiempo real de la sintaxis EsHTML. La extensión subrayará errores de sintaxis y te ofrecerá sugerencias para corregirlos antes de transpilar.
Iconos de Archivo Personalizados
Iconos distintivos para archivos .eshtml en el explorador de archivos, facilitando su identificación en proyectos grandes.
Ejemplo de Uso
Una vez instalada, la extensión funcionará automáticamente:
Crea un nuevo archivo con extensión .eshtml
Comienza a escribir y disfruta del resaltado de sintaxis y autocompletado automático
Usa snippets escribiendo abreviaciones y presionando Tab
Guarda el archivo y se transpilará automáticamente a HTML (si está habilitado)
Configuración Planificada
La extensión incluirá opciones de configuración personalizables:
{
// Habilitar transpilación automática al guardar
"eshtml.transpileOnSave": true,
// Directorio de salida para archivos HTML
"eshtml.outputDirectory": "./dist",
// Mostrar notificaciones de transpilación
"eshtml.showTranspileNotifications": false,
// Modo estricto para validación
"eshtml.strictMode": false
}Recibe Actualizaciones
Queremos asegurarnos de que la extensión satisfaga las necesidades de la comunidad. Si estás interesado en probarla cuando esté disponible, hay varias formas de mantenerte informado:
Ayuda con el Desarrollo
Si tienes experiencia con el desarrollo de extensiones para VS Code o ideas sobre características que te gustaría ver, tus contribuciones son bienvenidas.
Guía de Contribución