Hoy en coopademia:Extensiones de VSC para Frontend Developers

Te compartimos las extensiones que utilizamos cotidianamente.

Auto close tags

Ayuda a no olvidarnos el cierre de ninguna etiqueta en un HTML. Para quienes recién están comenzando es un 10.

Prettier

Uno de los más populares de VSC, sirve para auto tabular el código con un simple comando, algo importante a destacar es que esta extensión funciona si nuestras etiquetas están correctas, no hay ninguna de más o se olvidó alguna etiqueta de cierre.

CodeMetric

Es una buena guía, ya que va analizando nuestro código estático y nos ayuda a velar por la calidad de nuestro desarrollo. Usá los tres colores del semáforo para mostrarnos que tan fácil es de mantener dicho código.

Ident Rainbow

Son guias de color que nos ayudan a visualizar de forma clara y sencilla las tabulaciones de nuestro código.

Imagen preview

Si queremos que al costado de nuestro código aparezca una miniatura de la imagen insertada está es la extensión que estás buscando, muchos creen que es algo nativo en el VSC pero la debemos instalar.

Live Server

Es una herramienta que nos permite lanzar un servidor de desarrollo local para previsualizar en el navegador lo que estamos escribiendo en nuestro editor de código.

JS JSX Snippets

Permite crear con un simple atajo fragmentos de código reutilizables, es muy útil para quienes sean desarrolladores de React.

Un extra simpático vscode-pet

Sirve para aquellos momentos donde estamos pensando para focalizar nuestra atención, podemos crear mascotas que aparecen al costado izquierdo de nuestro editor, en el momento que comenzamos a codear podemos minimizarlo. Muchos creen que es solo un adorno pero tiene un objetivo de uso para momentos de pensamiento o algunos minutos de descanso.

¡Hasta la próxima!