SVG Visor es un visualizador premium, rápido y moderno de archivos .svg diseñado específicamente para Visual Studio Code, Insiders y entornos compatibles como Antigravity.
✨ Características Principales
🎨 Interfaz Premium
Glassmorphism UI: Una barra de herramientas moderna con efectos de desenfresque y diseño transparente.
Codicons nativos: Integración total con la iconografía de VS Code para una experiencia nativa.
Micro-animaciones: Transiciones suaves al hacer zoom o ajustar la vista.
🖱️ Interacciones Avanzadas
Zoom Natural: Zoom inteligente hacia el cursor (Ctrl + Rueda).
Control de Pan: Arrastre fluido con clic izquierdo o botón central del ratón.
Fit To Screen: Ajuste automático del SVG al área de visión con un solo clic.
🛠️ Herramientas de Productividad
Exportación PNG: Generación de archivos PNG de alta resolución (2x).
Copiado al Portapapeles: Copia el código SVG optimizado instantáneamente.
Optimización SVGO: Limpieza y reducción de tamaño de tus SVG con un solo botón.
Live Reload: Previsualización en tiempo real mientras editas el código o cuando el archivo cambia en disco.
🚀 Desarrollo e Instalación
Requisitos
VS Code / Insiders ^1.75.0
Node.js & npm
Configuración Local
# Instalar dependencias
npm install
# Compilar el proyecto
npm run compile
Depuración
Abre la carpeta en VS Code y presiona F5 para lanzar una instancia de desarrollo de la extensión.
🛠️ Uso
Apertura automática: Abre cualquier archivo .svg y se mostrará con SVG Visor por defecto.
Menú Contextual: Clic derecho sobre un .svg → Abrir con... → SVG Visor.
Comando: Ejecuta SVG Visor: Abrir previsualización desde la paleta de comandos para abrir el preview al lado del código.
🏛️ Gobernanza y Contribución
Valoramos la excelencia técnica. Si deseas contribuir, por favor revisa nuestros documentos de gobernanza:
