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:
You are not allowed to view links. You are not allowed to view links. Register or Login or You are not allowed to view links. Register or Login
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: You are not allowed to view links. You are not allowed to view links. Register or Login or You are not allowed to view links. Register or Login
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:
You are not allowed to view links. You are not allowed to view links. Register or Login or You are not allowed to view links. Register or Login
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:
You are not allowed to view links. You are not allowed to view links. Register or Login or You are not allowed to view links. Register or Login
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: You are not allowed to view links. You are not allowed to view links. Register or Login or You are not allowed to view links. Register or Login
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:
You are not allowed to view links. You are not allowed to view links. Register or Login or You are not allowed to view links. Register or Login
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!


