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:
En ingles:
Imágenes ilustrativas de la Paleta de Comando que menciono anteriormente, en español y en ingles:

3)
Espero que les sirva de ayuda, y cualquier duda, pregunta o sugerencia son bienvenidas!
Saludos!
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!