extensiones de Visual Studio Code

Las mejores extensiones de Visual Studio Code para desarrolladores front-end

Debe tener en cuenta que Visual Studio Code tiene una gran cantidad de compatibilidad incorporada para muchos de los complementos o paquetes ampliamente utilizados que se encuentran en otros editores. Estos incluyen soporte para Emmet, un terminal integrado, Intellisense para varios lenguajes listos para usar (JavaScript, TypeScript, JSON, HTML, CSS, Less y Sass), así como soporte de control de versiones.

Buscar e instalar extensiones desde Visual Studio Code es bastante fácil. Simplemente escriba cmd + shift + x (en una Mac) o ctrl + shift + x (en Windows) para que aparezca el panel Ver: Extensiones, luego haga clic en el botón Instalar para instalar la extensión que desea.

Alternativamente, puede navegar e instalar extensiones haciendo clic en el ícono de Extensiones en la Barra de Actividades en el lado izquierdo de VS Code.

También puede usar la Paleta de comandos para instalar extensiones (todas al mismo tiempo) escribiendo cmd + shift + p (OSX) o ctrl + shift + p (Windows, Linux), luego escriba "Instalar extensiones" y seleccione Extensiones: Instalar Extensiones

Deberá reiniciar el  VS code cuando instale una nueva extensión para que surta efecto. Además de buscar extensiones en VS Code, también puede navegar en VS Code Extension Marketplace, que tiene documentación más extensa sobre cada extensión.

Settings Sync

La extension Settings Sync, anteriormente conocida como Visual Studio Code Settings Sync, sincroniza configuraciones, fragmentos, temas, combinaciones de teclas, espacios de trabajo, extensiones y más en varias máquinas. Creo que esta es probablemente una de las extensiones más importantes y útiles que garantiza que no importa en qué equipo estés, puedes tener todas las herramientas a las que estás acostumbrado.

https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync

Snippets and code style

Los snippets son bastante simples: comience a escribir una palabra clave que active un snippet y luego expanda el texto. Hay un montón de snippets integrados en VSCode por defecto, y se muestran a través de espacio Intellisense [^ + barra espaciadora(space)]  con otras sugerencias, o en un selector de snippets dedicado.

Puede insertar un fragmento del selector abriendo la Paleta de comandos y luego escribiendo "Insertar snippet". También puede crear sus propios snippet utilizando la sintaxis del snippet.