Installare l'editor VS Code · Code con Martin

Installeremo il programma in cui scriverai il tuo codice. È gratis, e lo usano anche i professionisti.

Cos’è VS Code e perché proprio questo

Visual Studio Code (tutti lo chiamano VS Code) è un editor – un programma per scrivere codice. Pensalo come Word, ma per i programmatori: colora il codice, ti dà suggerimenti e segnala gli errori. È completamente gratis, e le persone nelle aziende più grandi del mondo lo usano per costruire siti web. Imparalo adesso, e resterà con te per sempre.

⚠️

Installalo con un adulto accanto. Chiedi a un genitore di restare con te – l’installazione in sé è sicura, ma è bene che sappia cosa viene messo sul computer.

Installazione su Windows

Apri code.visualstudio.com e clicca sul grande pulsante blu Download for Windows.
Quando il file è scaricato, cliccalo (lo trovi nella barra in basso, oppure nella cartella Downloads).
Accetta la licenza (spunta I accept the agreement), poi continua a cliccare Next. Al passo Select Additional Tasks, spunta Create a desktop icon così avrai un’icona sul desktop.
Clicca Install e aspetta. Alla fine clicca Finish – VS Code si aprirà.

Installazione su Mac

Apri code.visualstudio.com e clicca Download for macOS.
Quando il file è scaricato, trovalo nella cartella Downloads. Se è un file .zip, fai doppio clic per decomprimerlo.
Apparirà l’icona blu di Visual Studio Code. Trascinala nella cartella Applications. Fatto, è installato.
Apri la cartella Applications e fai doppio clic su Visual Studio Code per avviarlo. La prima volta, il Mac chiederà se vuoi davvero aprirlo – clicca Open.

Conoscere VS Code

VS Code parla molte lingue – diamo un’occhiata veloce per orientarci:

Nella barra laterale sinistra, clicca l’icona che sembra quadrati impilati (Extensions). Sembra quattro piccoli blocchi.
Nella casella di ricerca in alto, scrivi Prettier (o il nome di un tema che ti piace, come Dracula o Night Owl).
Scegli qualcosa che ti piace e clicca Install accanto.
Potrebbe comparire una piccola finestra in basso a destra – segui quello che suggerisce. VS Code applicherà subito la tua scelta.

✅

Controlla da solo: VS Code si apre e sembra pronto all’uso, con il menu in alto (File, Edit, Selection…). Se è così, sei a posto e il tuo laboratorio è pronto!

Cosa porti via da questo capitolo

VS Code è un editor di codice gratis – il tuo strumento principale per tutto il percorso.
L’hai appena installato e hai imparato le basi.
Lo installi una sola volta. Da qui in poi, si programma.