Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>SVG VisorNew to Visual Studio Code? Get it now.
SVG Visor

SVG Visor

Andres Antonio Cardoso

|
1 install
| (0) | Free
Visualizador moderno y rápido de SVG con zoom/pan y recarga en vivo.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

SVG Visor (VS Code Extension)

Visualizador moderno y rápido de archivos .svg dentro de Visual Studio Code.

Repositorio: https://github.com/glastor-dev/svg-visor

Funcionalidades

  • Custom Editor para .svg (se abre como editor/preview dentro de VS Code)
  • Exportar a PNG (botón PNG)
  • Zoom con rueda/trackpad (Ctrl + rueda), botones +/−
  • Pan (arrastrar)
  • Fit to screen / Reset
  • Fondo tipo checker (alternable)
  • Recarga en vivo mientras editas (y cuando el archivo cambia en disco)

Desarrollo

npm install
npm run compile

Generar el icono PNG desde svg-visor-icon.svg:

npm run generate:icon

Para depurar: abre esta carpeta en VS Code y presiona F5.

Uso

  • Abre cualquier .svg y se mostrará con SVG Visor
  • Alternativa: clic derecho sobre un .svg → Abrir con... → SVG Visor
  • Comando: SVG Visor: Abrir previsualización (abre con el Custom Editor al lado)
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft