Configurazione dell'ambiente di sviluppo

5.1 Scegliere l'IDE

Per scrivere programmi, bisogna scrivere programmi. C'è della logica in questa citazione. Ma per iniziare a scrivere programmi, è necessario installare un IDE (un programma speciale per scrivere programmi) e creare il primo progetto.

Ci sono molte opzioni di IDE che si possono scegliere per studiare lo sviluppo web. Sono praticamente equivalenti, dato che il codice del tuo progetto verrà comunque eseguito nel browser 😊

Ecco i 4 più popolari:

• Visual Studio Code di Microsoft
• Intellij IDEA Community Edition
• Atom di GitHub
• WebStorm Community Edition ()

A me piace WebStorm, ma puoi scegliere qualsiasi altro prodotto e non noterai una grande differenza. Sotto ti mostro screenshot di alcuni passaggi chiave della configurazione dell'IDE.

5.2 Scaricare WebStorm

Passo 1. Per installare WebStorm, prima bisogna scaricarlo. Cerca WebStorm su Google o segui semplicemente il link. Lì vedrai un'immagine bella come questa:

Passo 2. Clicca senza paura sul pulsante «Download», e il download inizierà subito. Se tutto è andato bene, vedrai un messaggio come questo:

Passo 3. Il sistema operativo necessario dovrebbe essere rilevato automaticamente. Ma se questo non accade, puoi selezionarlo su questa pagina — download WebStorm:

5.3 Installazione di WebStorm

Dopo aver scaricato la versione corretta di WebStorm, è necessario installarlo. Ecco alcuni passaggi chiave:

Passo 1. Avvia l'installatore — dovrebbe comparire una finestra come questa:

Passo 2. Aggiungi un paio di spunte, come mostrato:

Passo 3. Non c'è bisogno di riavviare nulla:

5.4 WebStorm per uso non commerciale

Se usi questi IDE per scopi non commerciali, come l'apprendimento, puoi usarli gratuitamente.

1. Avvia WebStorm.
2. Quando lanciato, apparirà una finestra in cui puoi selezionare l'opzione per uso non commerciale.
3. Accedi al tuo account JetBrains o creane uno nuovo.
4. Accetta l'"Accordo di sottoscrizione Toolbox per uso non commerciale".
5. Goditi lo sviluppo.

Se hai già iniziato il periodo di prova o hai attivato il tuo IDE con una licenza a pagamento, puoi comunque passare all'abbonamento non commerciale seguendo questi passaggi:

1. Per WebStorm, vai su Help | Register.
2. Nella finestra aperta, premi il pulsante Remove License.
3. Seleziona Non-commercial use (Uso non commerciale).
4. Accedi al tuo account JetBrains o creane uno nuovo.
5. Accetta l'"Accordo di sottoscrizione Toolbox per uso non commerciale".
6. Goditi lo sviluppo.

5.5 Creazione del primo progetto

Dopo aver installato WebStorm, non resta che avviarlo e creare il primo progetto. Segui queste istruzioni:

Passo 1. Avvia WebStorm. Ti apparirà una finestra come questa:

Passo 2. Crea un nuovo progetto — clicca sul pulsante New Project.

Successivamente devi:

• Scegliere un nome per il tuo primo progetto.
• Indicare la cartella per il tuo primo progetto (campo Location). Se WebStorm suggerisce per impostazione predefinita la cartella Admin, è meglio cambiarla. Avrai meno problemi in seguito.

Questo è più o meno quello che ho ottenuto:

Passo 3. Se hai fatto tutto correttamente, vedrai un'immagine come questa: