Extensiones de VS Code que se han convertido en parte indispensable de mi rutina.

1. Extensiones
Extensiones de
de
VSCode
VSCode
quemejoran
quemejoran
mi
mi productividad
productividad

2. Live Server
Live Server
1
1.
.
Lanza un servidor local de
desarrollo que nos permite
visualizar en el navegador la
página web que estamos
desarrollando, sin necesidad
de recargar nuestro
navegador.
https://github.com/ritwickdey/vscode-live-server
Vanesa Rodríguez

3. 2.
2. CSS Trigger
CSS Trigger
Agrega indicadores de coste a
las propiedades CSS que
utilizamos en nuestro código.
Una extensión muy interesante
para tener en cuenta el
rendimiento de la página.
https://github.com/kisstkondoros/csstriggers
Vanesa Rodríguez

4. 3.
3. Highlight Matching Tag
Highlight Matching Tag
Resalta las etiquetas de
apertura y cierre coincidentes.
En HTML las subraya y
muestra su delimitación en la
barra de scroll. En JavaScript
utiliza distintos colores para
llaves y paréntesis. Además de
señalar de distinto color la
línea de indentado.
https://github.com/vincaslt/vscode-highlight-matching-tag
Vanesa Rodríguez

5. 4.
4. Better Comments
Better Comments
Permite comentar nuestro
código de una manera más
amigable. Podemos indicar
código obsoleto, qué partes
están en desarrollo, lista de
tareas, etcetera.
Puede personalizarse para
adaptarse a nuestras
necesidades.
https://github.com/aaron-bond/better-comments
Vanesa Rodríguez

6. 5.
5. GitLens
GitLens
Agrega funcionalidad a las
capacidades de Git ya
integradas en Visual Studio
Code.
Muestra la autoría y mensajes
de commits. Permite visualizar
las diferencias entre versiones
anteriores de código y un largo
etcétera.
https://github.com/eamodio/vscode-gitlens
Vanesa Rodríguez

7. 6.
6. Auto Rename Tag
Auto Rename Tag
Cambia de manera automática
el nombre de una etiqueta. Por
ejemplo si tenemos una pareja
de etiquetas <p></p> y
modificamos la etiqueta de
apertura por <span>,
automáticamente renombrará
la etiqueta de cierre.
https://github.com/formulahendry/vscode-auto-rename-tag
Vanesa Rodríguez

8. 7.
7. Colorize
Colorize
Añade color de fondo a los
colores definidos en nuestro
código. Visualmente ayuda a
identificar los colores con los
que estamos trabajando de
manera más eficaz.
https://github.com/eamodio/vscode-gitlens
Vanesa Rodríguez

9. Vector creado por vectorjuice