← Preparación

Lección 2 de 4 ⏱ 15 minutos

Instalar el editor VS Code

Instalaremos el programa en el que escribirás tu código. Es gratis, y hasta los profesionales lo usan.

Qué es VS Code y por qué este

Visual Studio Code (la gente lo llama VS Code) es un editor – un programa para escribir código. Piensa en él como el Word, pero para programadores: colorea tu código, te da pistas y señala errores. Es completamente gratis, y la gente de las empresas más grandes del mundo lo usa para construir webs. Apréndelo ahora y te acompañará para siempre.

⚠️

Instálalo con un adulto cerca. Que un padre o madre esté contigo – la instalación en sí es segura, pero es bueno que sepan qué se instala en el ordenador.

Instalación en Windows

  1. Abre code.visualstudio.com y haz clic en el botón azul grande Download for Windows.

  2. Cuando se descargue el archivo, haz clic en él (lo encontrarás en la barra de tareas abajo, o en la carpeta Descargas).

  3. Acepta la licencia (marca I accept the agreement), luego sigue haciendo clic en Next. En el paso Select Additional Tasks, marca Create a desktop icon para tener un icono en el escritorio.

  4. Haz clic en Install y espera. Al final, haz clic en Finish – VS Code se abrirá.

Instalación en Mac

  1. Abre code.visualstudio.com y haz clic en Download for macOS.

  2. Cuando se descargue el archivo, búscalo en la carpeta Descargas. Si es un archivo .zip, haz doble clic para descomprimirlo.

  3. Aparecerá un icono azul de Visual Studio Code. Arrástralo a la carpeta Aplicaciones. Ya está instalado.

  4. Abre la carpeta Aplicaciones y haz doble clic en Visual Studio Code para lanzarlo. La primera vez, tu Mac preguntará si de verdad quieres abrirlo – haz clic en Open.

Conociendo VS Code

VS Code habla muchos idiomas – echemos un vistazo rápido para familiarizarnos:

  1. En la barra lateral izquierda, haz clic en el icono que parece cuadrados apilados (Extensions). Parece cuatro bloquecitos.

  2. En el cuadro de búsqueda de arriba, escribe Prettier (o cualquier nombre de tema que te guste, como Dracula o Night Owl).

  3. Elige algo que te guste y haz clic en Install al lado.

  4. Puede aparecer una ventanita abajo a la derecha – sigue lo que sugiera. VS Code aplicará tu elección al momento.

Compruébalo tú: VS Code se abre y parece listo para usar, con el menú arriba (File, Edit, Selection…). Si es así, ¡todo listo y tu taller está preparado!

Lo que te llevas de este capítulo