Como todo desarrollador siempre busca herramientas que le facilite el desarrollo he puesto en este apartado algunas de ellas recomendadas para el popular Visual Studio Code…

Herramientas para manejo de código

Antes de comensar tenga en cuenta que puede ver no solo las que recomiendo si no mucho mas a través de la página de plugins disponibles para visual Studio Code en su market place:

https://marketplace.visualstudio.com

emmet:

Disponible también para varios editores le permitirá al programador escribir mas rápido código html, por ejemplo si deseas escribir una lista ordenada de 5 items cada uno con su enlace no tendrías que escribir cada una solo con escribir ol>li*5>a y pulsar Ctrl + espacio seria suficiente y te armarla:

<ol>
<li><a href=»»></a></li>
<li><a href=»»></a></li>
<li><a href=»»></a></li>
<li><a href=»»></a></li>
<li><a href=»»></a></li>
</ol>

Live Server

Te genera un servidor en vivo, que va mostrando el cambio, es decir escucha tus cambios, se activa después de instalar dando click en la parte inferior derecha en la opcion «go live» y te abrira la url

http://localhost:5500/

Támbien puedes usar

http://127.0.0.1:5500/

htmltagwrap

Facilita la escritura de código cuando por error o por comodidad requiere colocar todo un código en una etiqueta evitando cortar y pegar, igualmente te ayuda a auto-ajustar, en este caso se selecciona el código al que se va a encerrar y con Alt + w agregas la etiqueta…

Auto Rename Tag

Como su nombre lo indica permite renombrar etiquetas, la facilidad reside en que tiene encuentra las etiquetas de cierre, es ideal cuando el código es extenso y es difícil distinguir sus cierres y se requiere cambiar la etiqueta.

Bracket Pair Colorizer

Puede entenderse por su nombre que colorea de tonos o colores diferentes las llaves y parentesis que encierra cada parte del código, ideal cuando el código es extenso y no se puede distinguir muy bien sus cierres, en ese punto este plugin facilita su visualización coloreando sus pares de llaves de cierre, facilita edición en varios lenguajes que se pueden trabajar en vscode.

Prettier – Code formatter

Prettier formatter para Visual Studio Code permite formatear o auto-identar código, usa Ctrl + Shift + F, aunque puede personalizar esta configuración

Code Runner

Facilita la ejecución de código si usas pyton, c u otros lenguajes permite adicionar un ejecutar en tu vscode