Solución para editar archivos .svg en VS Code desde la actualización 1.97.0

Iniciado por juedsay, Febrero 07, 2025, 08:45:42 AM

Tema anterior - Siguiente tema

0 Miembros y 1 Visitante están viendo este tema.

Hola Underc0ders, recientemente VS Code lanzó una actualización, la 1.97.0 que corresponde al a Enero 2025, donde añadieron correcciones y algunas "mejoras".

Aquí pueden leer la documentación al respecto de dicha release:
No tienes permitido ver enlaces. Registrate o Entra a tu cuenta

En este post me voy a centrar en la funcionalidad que lanzaron para poder tener una vista previa de los archivos .svg
Link de referencia: No tienes permitido ver enlaces. Registrate o Entra a tu cuenta

Si bien se agradece el poder tener por defecto en el IDE este tipo de funcionalidades, pero aparentemente no la testearon correctamente, o por lo menos no teniendo en cuenta determinados casos de uso de ciertos usuarios, como por ejemplo los Devs enfocados al desarrollo Front-end.

Afortunadamente rápidamente se generó el reporte el issue, y por ahora les traigo una solución la cual espero que sea temporal y a futuro se pueda corregir y/o mejorar.

A continuación les dejo el link del reporte del Issue generado en Github por un colega:
No tienes permitido ver enlaces. Registrate o Entra a tu cuenta

Y básicamente la solución que se encontró por el momento es:
1) Hacer clic derecho sobre el archivo que se desea visualiza para trabajar (de extensión .svg)
2) En el menú que se despliga, seleccionar la opcion: "Abrir con..." (En ingles: Open with...)

Deberán poder visualizar que se les abre una instancia de la barra de comandos, mostrandole dos posibles opciones para elegir:
  • Editor de texto
  • Vista previa de la imagen

En ingles:
  • Text Editor
  • Image Preview

Imágenes ilustrativas de la Paleta de Comando que menciono anteriormente, en español y en ingles:


3)
  • Si lo que desean es editar el código del .svg, deberán elegir la opción del "Editor de Texto", y se les abrirá el archivo normalmente como lo era siempre.
  • Si lo que desean es simplemente poder tener una vista previa del .svg generado, seleccionan la opción de "Vista Previa de la Imagen".



Espero que les sirva de ayuda, y cualquier duda, pregunta o sugerencia son bienvenidas!

Saludos!

JUEDSAY