Nano Template Engine Support

Soporte oficial y profesional para Nano Template Engine en Visual Studio Code. Desarrolla más rápido con resaltado de sintaxis, autocompletado de componentes y navegación inteligente.

🚀 Características Principales

1. Inteligencia de Componentes 🧠

¡No recuerdes rutas! Escribe <x- y Nano escaneará tu carpeta views/components para sugerirte todos tus componentes automáticamente.

2. Navegación Rápida (Go to Definition) ⚡

¿Quieres ver el código de un botón? Mantén presionado Ctrl (o Cmd) y haz clic en <x-boton />. VS Code abrirá el archivo .nano correspondiente al instante.

3. Información en Contexto (Hover) ℹ️

Pasa el mouse sobre directivas como @csrf, @stack o @verbatim para ver documentación instantánea y ejemplos de uso.

4. Scoped CSS & JS 🎨

Sintaxis real para bloques encapsulados. Tu código CSS dentro de <style scoped> se verá y comportará como CSS real.

⚡ Snippets Incluidos

Escribe el prefijo y presiona Tab:

🔧 Configuración Recomendada

Para habilitar Emmet (autocompletado HTML tipo ul>li*5) en archivos Nano, esta extensión ya lo configura por defecto. Si tienes problemas, agrega esto a tu settings.json:

"emmet.includeLanguages": {
    "nano": "html"
}