Para instalar los plugins que te mostré, da click en ícono de extensiones de tu Visual Studio Code, escribe el nombre del plugin en la barra de búsqueda, seleccionalo e instala.

https://static.platzi.com/media/user_upload/Untitled-aa2c2c9e-d5a1-4c8d-9d45-466518f6c13a.jpg

Icono de extensiones en VSC

Plugins importantes para este curso:

  1. Code Runner. Permite ejecutar piezas de código seleccionadas y muestra el output directamente en nuestro editor de código. (Más de Code Runner)
  2. Live Server. La vamos a utilizar para ejecutar un servidor y ver los cambios efectuados en tu código. (Más de Live Server)
  3. JavaScript (ES6) code snippets. Autocompleta y brinda sugerencias al momento de escribir código. (Más de code snippets)

Plugins recomendados para usar en tu día a día como frontend developer

  1. Auto Close Tag. Ayuda a cerrar más rápido las etiquetas que vas abriendo.
  2. Error Lens. Muestra los errores visualizandolos de forma atractiva para que no pases ninguno por alto.
  3. Guides. Te ayudan a indentar tu código y ordenarlo de forma más eficiente.
  4. Indent-rainbow. Hace que la indentación sea más amigable con la ayuda de colores diferentes por nivel.
  5. Palenight Theme. Úsalo si quieres visualizar los mismos colores que se muestran en mi editor de código.