vscodesnap

VSCodeSnap, crea imágenes de tu código

Comparto una nueva extensión Open Source para Visual Studio Code que nos permite generar imágenes vistosas de nuestro código.

Hoy en día, generar imágenes llamativas de nuestro código es una necesidad habitual. Por ejemplo, resulta de utilidad para compartirlas en las redes sociales, o incorporarlas a la documentación de un proyecto.

Una muestra de ello es el aumento de popularidad que han adquirido servicios online como, por ejemplo, los muy conocidos Carbon o Ray.so.

Asimismo también existen extensiones para Visual Studio Code que nos permiten realizar el mismo procedimiento. Poder generar las imágenes directamente de VSCode resulta mucho más cómodo y rápido.

De entre las opciones disponibles, posiblemente la mejor es la extensión CodeSnap. Esta, a su vez esta basada en otra extensión muy popular llamada Polacode.

Lamentablemente, el desarrollo de CodeSnap no se encuentra activo. En el momento de escribir esta entrada, el último update es de hace 17 meses, tiene 9 PR pendientes, y 58 issues sin cerrar.

vscode-snap-example1 Así que he creado VSCodeSnap, que añade distintas mejoras, como por ejemplo:

  • Background gradient
  • Paletas predefinidas
  • Highlight de líneas con tres modos (|, + y -)
  • Más tipos de controles (None, Mac OS, Gray Dot, y Windows)
  • Zoom
  • Barra de botones con copiar y guardar.
  • Otros…

Podéis encontrar VSCodeSnap en la paleta de extensiones de Visual Studio Code, para instalarla y actualizarla cómodamente.

vscode-snap-extension

Por supuesto VSCodeSnap es Open Source y todo el código está disponible en Github, donde también tenéis la instrucciones ampliadas y más ejemplos de VSCodeSnap.

Descarga el código

Todo el código de esta entrada está disponible para su descarga en Github. github-full