2.3Lección 2.3: Un editor de código: VS Code

La idea

Un procesador de textos como Word añade formato invisible que rompe el código. Un editor de código guarda texto limpio y, además:

• Colorea el código, para leerlo mejor.
• Completa lo que escribes.
• Avisa de errores antes de ejecutar.
• Abre una carpeta entera, no un archivo suelto.

Instalar VS Code

Descárgalo de code.visualstudio.com e instálalo. Es gratis y funciona en Windows, macOS y Linux.

Viene en inglés. Si tu sistema está en español, te ofrecerá el paquete de idioma; aquí van los nombres en los dos.

Abrir el proyecto

Archivo → Abrir carpeta (File → Open Folder) y elige mi-juego, la carpeta de la 2.2.

A la izquierda verás el explorador: el árbol de la carpeta.

Crear un archivo

1. En el explorador, pulsa el icono de archivo nuevo.
2. Llámalo hola.js. La extensión le dice a VS Code que es JavaScript, y por eso lo colorea.
3. Escribe:

console.log("Hola desde un archivo");

1. Guarda con Ctrl + S (en Mac, Cmd + S).

Un punto en la pestaña del archivo significa que tiene cambios sin guardar.

La terminal integrada

Terminal → Nueva terminal (Terminal → New Terminal) abre una terminal abajo, ya en la carpeta del proyecto. No hace falta ir con cd.

Pruébalo

for (let i = 1; i <= 10; i++) {
  console.log("3 x " + i + " = " + 3 * i);
}

En resumen

• El código se escribe en un editor de código, nunca en un procesador de textos.
• En VS Code se abre la carpeta del proyecto, no un archivo.
• La extensión decide cómo colorea el archivo.
• La terminal integrada se abre ya en la carpeta del proyecto.