AWS Cloud9 non è più disponibile per i nuovi clienti. I clienti esistenti di AWS Cloud9 possono continuare a utilizzare il servizio come di consueto. [Ulteriori informazioni](https://aws.amazon.com/blogs/devops/how-to-migrate-from-aws-cloud9-to-aws-ide-toolkits-or-aws-cloudshell/)
Le traduzioni sono generate tramite traduzione automatica. In caso di conflitto tra il contenuto di una traduzione e la versione originale in Inglese, quest'ultima prevarrà.
# Tour dell' AWS Cloud9 IDE
Questo argomento fornisce una panoramica di base dell'ambiente di sviluppo AWS Cloud9 integrato (IDE). Per sfruttare appieno questo tour, segui le fasi illustrate di seguito in sequenza.
**Topics**
+ [Prerequisiti](#tour-ide-prereqs)
+ [Fase 1: barra dei menu](#tour-ide-menu-bar)
+ [Fase 2: pannello di controllo](#tour-ide-dashboard)
+ [Fase 3: finestra Environment (Ambiente)](#tour-ide-environment)
+ [Fase 4: editor, schede e riquadri](#tour-ide-editor)
+ [Fase 5: console](#tour-ide-console)
+ [Fase 6: sezione File aperti](#tour-ide-open-files)
+ [Fase 7: margine](#tour-ide-gutter)
+ [Fase 8: barra di stato](#tour-ide-status-bar)
+ [Fase 9: finestra Outline (Struttura)](#tour-ide-outline)
+ [Fase 10: finestra Go (Vai)](#tour-ide-go)
+ [Fase 11: scheda Immediate (Immediato)](#tour-ide-immediate)
+ [Fase 12: elenco processi](#tour-ide-process-list)
+ [Fase 13: preferenze](#tour-ide-preferences)
+ [Fase 14: terminale](#tour-ide-terminal)
+ [Fase 15: finestra Debugger](#tour-ide-debugger)
+ [Riflessioni finali](#tour-ide-cleanup)
## Prerequisiti
Per partecipare a questo tour, è necessario disporre di un AWS account e di un ambiente di AWS Cloud9 sviluppo aperto. Per ulteriori informazioni su come eseguire queste operazioni, puoi seguire la procedura descritta in [Guida introduttiva con AWS Cloud9](tutorials-basic.md). In alternativa, puoi esplorare argomenti correlati separati, ad esempio [Configurazione AWS Cloud9](setting-up.md) e [Lavorare con gli ambienti in AWS Cloud9](environments.md).
**avvertimento**
Avere un ambiente di AWS Cloud9 sviluppo potrebbe comportare addebiti sul tuo AWS account. Questi includono possibili addebiti per Amazon EC2 se utilizzi un ambiente EC2. Per ulteriori informazioni, consulta [Prezzi di Amazon EC2](https://aws.amazon.com/ec2/pricing/).
## Fase 1: barra dei menu
La *barra dei menu*, nella parte superiore dell'IDE, contiene i comandi comuni che ti permettono di lavorare con file e codice e di modificare le impostazioni dell'IDE. Puoi anche visualizzare in anteprima ed eseguire il codice dalla barra dei menu.
![\[La barra dei menu nell' AWS Cloud9 IDE\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-menu-bar.png)
Puoi nascondere la barra dei menu selezionando la freccia al suo bordo, come segue.
![\[Nascondere la barra dei menu nell'IDE AWS Cloud9\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-hide-menu-bar.png)
Puoi mostrare di nuovo la barra dei menu selezionando la freccia al centro della posizione in cui si trovava inizialmente la barra, come segue.
![\[Mostrare nuovamente la barra dei menu nell'IDE AWS Cloud9\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-show-menu-bar.png)
Confronta i tuoi risultati con i seguenti.
![\[Nascondere e mostrare la barra dei menu nell'IDE AWS Cloud9\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-hide-show-menu-bar.gif)
Puoi utilizzare l'IDE per lavorare con un insieme di file nelle sezioni successive di questo tutorial. Per configurare questi file, seleziona **File**, **New File (Nuovo file)**.
Quindi, copia il seguente testo nella scheda dell'editor `Untitled1`.
```
fish.txt
--------
A fish is any member of a group of organisms that consist of
all gill-bearing aquatic craniate animals that lack limbs with
digits. They form a sister group to the tunicates, together
forming the olfactores. Included in this definition are
lampreys and cartilaginous and bony fish as well as various
extinct related groups.
```
Per salvare il file, seleziona **File**, **Save (Salva)**. Assegna il nome `fish.txt` al file e seleziona **Save (Salva)**.
Ripeti queste operazioni per salvare il secondo file come `cat.txt`, con i seguenti contenuti.
```
cat.txt
-------
The domestic cat is a small, typically furry, carnivorous mammal.
They are often called house cats when kept as indoor pets or
simply cats when there is no need to distinguish them from
other felids and felines. Cats are often valued by humans for
companionship and for their ability to hunt.
```
Spesso nell'IDE è possibile eseguire queste operazioni in modi diversi. Ad esempio, per nascondere la barra dei menu, invece di scegliere la freccia al suo bordo, puoi selezionare **View (Visualizza)**, **Menu Bar (Barra dei menu)**. Per creare un nuovo file, invece di selezionare **File, New File (File, Nuovo file)** puoi premere `Alt-N` (per Windows/Linux) o `Control-N` (per MacOS). Per ridurre la durata di questo tutorial, descriviamo soltanto un modo per eseguire le operazioni. Acquisendo maggiore familiarità con l'IDE, puoi esercitarti e scoprire le modalità che funzionano meglio per te.
## Fase 2: pannello di controllo
Il *pannello di controllo* offre un accesso rapido a ciascuno dei tuoi ambienti. Dal pannello di controllo, puoi creare, aprire e modificare l'impostazione di un ambiente.
Per aprire il pannello di controllo, nella barra dei menu selezionare **AWS Cloud9**, **Go To Your Dashboard (Vai a pannello di controllo)**.
![\[Apertura della dashboard AWS Cloud9\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-go-dashboard.png)
Per visualizzare le impostazioni relative al tuo ambiente, scegli il titolo all'interno della **my-demo-environment**scheda. Per tornare al pannello di controllo, utilizza il pulsante Indietro del browser Web o il percorso di navigazione denominato **Environments** (Ambienti).
Per aprire l'IDE per il tuo ambiente, scegli **Apri IDE** all'interno della **my-demo-environment**scheda.
**Nota**
Potrebbero trascorrere alcuni minuti prima che l'IDE venga visualizzato di nuovo.
## Fase 3: finestra Environment (Ambiente)
La finestra **Environment** (Ambiente) mostra un elenco delle cartelle e dei file contenuti nell'ambiente. Puoi visualizzare anche tipi di file diversi, come quelli nascosti.
Per mostrare o nascondere la finestra **Environment** (Ambiente), scegli il pulsante **Environment** (Ambiente).
Per nascondere la finestra **Environment** (Ambiente) e il pulsante **Environment**, scegli **Window** (Finestra), **Environment** nella barra dei menu.
![\[La finestra Ambiente nell' AWS Cloud9 IDE\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-environment-window.png)
Per mostrare file nascosti o nasconderli nuovamente, scegli l'icona a forma di ingranaggio nella finestra **Environment** (Ambiente), quindi scegli **Show Hidden Files** (Mostra file nascosti).
![\[Visualizzazione dei file nascosti utilizzando la finestra Environment (Ambiente)\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-show-hidden-files.png)
## Fase 4: editor, schede e riquadri
L'*editor* è lo strumento che ti permette di eseguire operazioni come scrittura di codici, esecuzione di una sessione del terminale e modifica delle impostazioni dell'IDE. Ogni istanza di un file aperto, di una sessione del terminale e così via è rappresentata da una *scheda*. Le schede possono essere raggruppate in *riquadri* Le schede vengono visualizzate sul bordo del riquadro.
![\[Schede sul bordo di un riquadro dell'IDE AWS Cloud9\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-tab-buttons.png)
Per mostrare o nascondere le schede, selezionare **View (Visualizza)**, **Tab Buttons (Pulsanti schede)** nella barra dei menu.
Per aprire una nuova scheda, seleziona l'icona **\$1** sul bordo della riga delle schede, quindi uno dei comandi disponibili, come **New File (Nuovo file)**, come segue.
![\[Nuova scheda con i comandi da selezionare, ad esempio New File (Nuovo file)\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-new-file.png)
Per visualizzare due riquadri, seleziona l'icona simile a un menu a discesa posta sul bordo della riga delle schede. Quindi seleziona **Split Pane in Two Rows (Dividi riquadro in due righe)**, come segue.
![\[Visualizzazione di due riquadri suddividendo un riquadro in due righe\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-split-pane-two-rows.png)
Per tornare a un unico riquadro, seleziona di nuovo l'icona a forma di menu a discesa, quindi l'icona a forma di singolo quadrato, come segue.
![\[Visualizzazione di un singolo riquadro\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-single-pane-view.png)
## Fase 5: console
La *console* è uno spazio alternativo in cui puoi creare e gestire le schede. Per impostazione predefinita, contiene una scheda Terminal (Terminale), ma può anche contenere altri tipi di schede.
![\[AWS Cloud9 console\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-console.png)
Per mostrare o nascondere la console, selezionare **View (Visualizza)**, **Console** nella barra dei menu.
Per espandere o comprimere la console, selezionare l'icona di ridimensionamento posta al bordo della console, come segue.
![\[Espansione della visualizzazione della console\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-console-resize.png)
## Fase 6: sezione File aperti
La sezione **Open Files (File aperti)** mostra un elenco di tutti i file attualmente aperti nell'editor. **Open Files** (File aperti) fa parte della finestra **Environment** (Ambiente).
![\[Sezione Open Files (File aperti) nella finestra Environment (Ambiente)\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-open-files.png)
Per mostrare o nascondere la sezione **Open Files (File aperti)**, selezionare **View (Visualizza)**, **Open Files (File aperti)** nella barra dei menu.
Per passare da un file aperto all'altro, scegliere il file di interesse dall'elenco.
## Fase 7: margine
Nel *margine*, sul bordo di ogni file nell'editor, sono mostrati elementi come numeri di riga e simboli contestuali visualizzati durante l'uso dei file.
![\[Gutter nell'IDE AWS Cloud9\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-gutter.png)
Per mostrare o nascondere il margine, selezionare **View (Visualizza)**, **Gutter (Margine)** nella barra dei menu.
## Fase 8: barra di stato
La *barra di stato*, posta sul bordo di ogni file nell'editor, mostra elementi come numeri di righe e caratteri, tipi di file, impostazioni di spaziatura e tabulazione e impostazioni dell'editor correlate.
![\[Barra di stato nell'IDE AWS Cloud9\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-status-bar.png)
Per mostrare o nascondere la barra di stato, selezionare **View (Visualizza)**, **Status Bar (Barra di stato)** nella barra dei menu.
Per passare a un numero di riga specifico, scegliere una scheda con il file di interesse. Quindi, nella barra di stato seleziona il numero di riga e caratteri (dovrebbe essere **7:45**). Digita un numero di riga (ad esempio `4`) e premi `Enter`, come segue.
![\[Accedere a numeri di riga specifici utilizzando la barra di stato AWS Cloud9 IDE\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-go-to-line.png)
![\[Accedere a numeri di riga specifici utilizzando la barra di stato AWS Cloud9 IDE\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-go-to-line.gif)
Per modificare il tipo di file, nella barra di stato seleziona un tipo di file diverso. Ad esempio, per **cat.txt**, seleziona **Ruby** per visualizzare i colori della sintassi. Per tornare ai colori del testo normale, seleziona **Plain Text (Testo normale)**, come segue.
![\[Modifica della preferenza del tipo di file nella barra di stato AWS Cloud9 IDE\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-text-color.png)
![\[Modifica della preferenza del tipo di file nella barra di stato AWS Cloud9 IDE\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-text-color.gif)
## Fase 9: finestra Outline (Struttura)
Puoi utilizzare la finestra **Outline (Struttura)** per accedere rapidamente a una posizione specifica del file.
Per mostrare o nascondere la finestra **Outline** (Struttura) e il pulsante **Outline**, scegli **Window** (Finestra), **Outline** nella barra dei menu.
Per vedere come funziona la finestra **Outline (Struttura)**, crea un file con il nome `hello.rb` Copiare quanto segue nel file e salvare.
```
def say_hello(i)
puts "Hello!"
puts "i is #{i}"
end
def say_goodbye(i)
puts "i is now #{i}"
puts "Goodbye!"
end
i = 1
say_hello(i)
i += 1
say_goodbye(i)
```
Per visualizzare o nascondere i contenuti della finestra **Outline (Struttura)**, scegliere il pulsante **Outline (Struttura)**.
Nella finestra **Outline (Struttura)**, selezionare **say\$1hello(i)**, **say\$1goodbye(i)**, come segue.
![\[Descrivi la finestra in IDE AWS Cloud9\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-outline.png)
![\[Finestra di struttura in IDE AWS Cloud9\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-outline.gif)
## Fase 10: finestra Go (Vai)
È possibile utilizzare la finestra **Go (Vai)** per aprire un file nell'editor, aprire la definizione di un simbolo, eseguire un comando o aprire una riga del file attivo nell'editor.
![\[Finestra Go (Vai)\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-go-window-first.png)
Per mostrare il contenuto della finestra **Go (Vai)**, premere il pulsante **Go (Vai)** (lente di ingrandimento).
Per visualizzare o nascondere la finestra **Go** (Vai) e il pulsante **Go**, scegli **Window** (Finestra), **Go** nella barra dei menu.
Con la finestra **Go (Vai)** aperta, andare:
+ Digitare una barra (`/`) seguita da un nome di file o parte di esso. Nell'elenco mostrato dei file corrispondenti, seleziona un file per aprirlo nell'editor. Ad esempio, digitando `/fish` viene elencato `fish.txt`, mentre immettendo `/.txt` vengono elencati sia `fish.txt` che `cat.txt`.
**Nota**
La ricerca dei file si concentra solo su file e cartelle non nascosti in **Environment (Ambiente)**.
+ Digita un simbolo `@`) seguito dal nome di un simbolo. Nell'elenco mostrato dei simboli corrispondenti, seleziona un simbolo da aprire nell'editor. Ad esempio, con il file `hello.rb` aperto e attivo nell'editor, digita `@hello` per elencare `say_hello(i)` oppure immetti`@say` per elencare `say_hello(i)` e `say_goodbye(i)`.
**Nota**
Se il file attivo nell'editor fa parte di un progetto linguistico supportato, la ricerca del simbolo si concentra sul progetto corrente. In caso contrario, la ricerca del simbolo si concentra solo sul file attivo nell'editor. Per ulteriori informazioni, consulta [TypeScript Supporto e funzionalità migliorati](projects.md).
+ Digita un punto (`.`) seguito dal nome di un comando. Nell'elenco dei comandi visualizzato, scegli un comando da eseguire. Ad esempio, digitando `.closetab` e premendo quindi `Enter`, si chiude la scheda corrente nell'editor. Per un elenco dei comandi disponibili, consulta [Riferimento ai comandi per l' AWS Cloud9 IDE](commands.md).
+ Digita i due punti (`:`) seguito da un numero per aprire quel numero di riga nel file attivo nell'editor. Ad esempio, con il file `hello.rb` aperto e attivo nell'editor, digita `:11` per andare alla riga 11 il quel file.
![\[Vai alla finestra in IDE AWS Cloud9\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-go-window.png)
Per vedere i tasti di scelta rapida per ciascuna di queste operazioni in base alla modalità di tastiera corrente e al sistema operativo, vedi ciascuno dei disponibili comandi **Go To (Vai a)** dal menu **Go (Vai)** nella barra dei menu.
## Fase 11: scheda Immediate (Immediato)
La scheda **Immediata** consente di testare piccoli frammenti di JavaScript codice. Per vedere come funziona la scheda **Immediate (Immediato)**, esegui le operazioni seguenti.
1. Apri una scheda **Immediate (Immediato)** selezionando **Window (Finestra)**, **New Immediate Window (Nuova finestra Immediato)** nella barra dei menu.
1. Esegui un codice nella scheda **Immediate (Immediato)**. Per farlo, digita il seguente codice nella finestra, premendo `Shift-Enter` dopo avere digitato la riga 1 e di nuovo dopo la riga 2. Premi `Enter` dopo la riga 3. Se premi `Enter` invece di `Shift-Enter` dopo avere digitato le righe 1 o 2, il codice verrà eseguito prima del previsto.
```
for (i = 0; i <= 10; i++) { // Press Shift-Enter after typing this line.
console.log(i) // Press Shift-Enter after typing this line.
} // Press Enter after typing this line. The numbers 0 to 10 will be printed.
```
![\[Esecuzione di un codice nella scheda Immediate (Immediato)\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-immediate.png)
## Fase 12: elenco processi
In **Process List (Elenco processi)** sono mostrati tutti i processi in esecuzione. Puoi interrompere o anche forzare l'arresto dei processi che non vuoi più eseguire. Per vedere come funziona la finestra **Process List (Elenco processi)**, esegui le operazioni seguenti.
1. Per visualizzare **Process List (Elenco processi)**, seleziona **Tools (Strumenti)**, **Process List (Elenco processi)** nella barra dei menu.
1. Per cercare un processo, in **Process List (Elenco processi)** digita il nome del processo.
1. Per interrompere o forzare l'arresto di un processo, Nell'elenco dei processi, seleziona il processo, quindi **Kill (Termina)** o **Force Kill (Forza arresto)**.
![\[Elenco dei processi nell'IDE AWS Cloud9\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-process-list.png)
## Fase 13: preferenze
In *Preferences (Preferenze)* sono incluse le seguenti impostazioni.
+ Impostazioni relative soltanto all'ambiente corrente, come utilizzo o meno della conversione di spazi, i tipi di file da ignorare e i comportamenti di completamento dei codici per linguaggi come PHP e Python.
+ Impostazioni utente di ognuno dei tuoi ambienti, come colori, caratteri e comportamenti dell'editor.
+ Tasti di scelta rapida, ad esempio le combinazioni di tasti che desideri utilizzare per lavorare con i file e l'editor.
+ Tema complessivo dell'IDE.
Per visualizzare le preferenze, seleziona **AWS Cloud9**, **Preferences (Preferenze)** nella barra dei menu. Viene visualizzato un messaggio simile al seguente.
![\[Mostrare le preferenze nell' AWS Cloud9 IDE\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-preferences.png)
## Fase 14: terminale
Puoi eseguire una o più sessioni del *terminale* nell'IDE. Per avviare una sessione del terminale, nella barra dei menu seleziona **Window (Finestra)**, **New Terminal (Nuovo terminale)**. In alternativa, scegliere l'icona "più" accanto alle schede Console e scegliere **New Terminal (Nuovo terminale)**.
Nel terminale, puoi eseguire dei comandi. Ad esempio, nel terminale, digitare `echo $PATH`, quindi premere `Enter` per stampare il valore della variabile d'ambiente `PATH`.
Puoi anche eseguire altri comandi. Ad esempio, prova i seguenti comandi.
+ ** `pwd` ** per stampare il percorso della directory corrente.
+ **`aws --version`**per stampare le informazioni sulla versione di AWS CLI.
+ ** `ls -l` ** per stampare le informazioni sulla directory corrente.
![\[Utilizzo del terminale nell' AWS Cloud9 IDE\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-terminal.gif)
## Fase 15: finestra Debugger
Puoi utilizzare la finestra **Debugger** per eseguire il debug del tuo codice. Ad esempio, puoi controllare una parte per volta del codice in esecuzione, osservare i valori delle variabili nel tempo ed esplorare lo stack delle chiamate.
**Nota**
Questa procedura è simile a [Fase 2: tour di base dell'IDE](tutorials-basic.md#tutorial-tour-ide), di uno dei [tutorial dell'IDE di base](tutorials-basic.md).
Per mostrare o nascondere la finestra **Debugger** (Risolutore di bug) e il pulsante **Debugger**, scegli **Window** (Finestra), **Debugger** nella barra dei menu.
Per questo tutorial, puoi sperimentare con la finestra **Debugger** e del JavaScript codice procedendo come segue.
1. Controlla l'installazione di Node.js nell'ambiente utilizzando il comando seguente in una sessione del terminale: **`node --version`**. Se è installato Node.js, nell'output viene visualizzato il numero di versione Node.js ed è possibile passare al passaggio 3 di questa procedura («Scrivere del JavaScript codice...»).
1. Se vuoi installare Node.js, procedi nel seguente modo.
1. Esegui i due comandi seguenti, uno alla volta, per assicurarti che il tuo ambiente disponga degli aggiornamenti più recenti, quindi scarica Node Version Manager (nvm). (nvm è un semplice script di shell Bash utile per installare e gestire le versioni di Node.js. Per ulteriori informazioni, vedere [Node Version Manager su](https://github.com/creationix/nvm/blob/master/README.md).) GitHub
Per Amazon Linux:
```
sudo yum -y update
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash
```
Per Ubuntu Server:
```
sudo apt update
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash
```
1. Utilizza un editor di testo per aggiornare il file del profilo della shell (ad esempio, `~/.bashrc`) per consentire il caricamento di nvm. Ad esempio, nella finestra **Environment** (Ambiente) dell'IDE, scegli l'icona a forma di ingranaggio e poi **Show Home in Favorites** (Mostra Home in Preferiti). Ripetere questa fase e selezionare anche **Show Hidden Files (Mostra file nascosti)**.
1. Apri il file `~/.bashrc`.
1. Digita o incolla il codice seguente alla fine del file per consentire il caricamento di nvm.
Per Amazon Linux:
```
export NVM_DIR="/home/ec2-user/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm.
```
Per Ubuntu Server:
```
export NVM_DIR="/home/ubuntu/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm.
```
1. Salvare il file.
1. Chiudere la sessione del terminale e avviarne una nuova. Quindi, eseguire il comando seguente per installare la versione più recente di Node.js.
```
nvm install node
```
1. Scrivi JavaScript del codice per il debug. Ad esempio, crea un file, aggiungi il seguente codice e salvalo come `hello.js`.
```
var i;
i = 10;
console.log("Hello!");
console.log("i is " + i);
i += 1;
console.log("i is now " + i);
console.log("Goodbye!");
```
1. Aggiungi alcuni punti di interruzione al codice. Ad esempio, seleziona il margine accanto alle righe 6 e 10. Accanto ai numeri di queste righe viene visualizzato un cerchio rosso.
![\[Aggiunta di punti di interruzione al codice nella finestra Debugger\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-breakpoints.png)
1. Ora sei pronto per eseguire il debug del JavaScript codice. Per farlo, esegui le operazioni seguenti.
1. Per visualizzare o nascondere i contenuti della finestra **Debugger**, scegliere il pulsante **Debugger** come illustrato nella fase successiva.
1. Osserva il valore della variabile `i` durante l'esecuzione del codice. Nella finestra **Debugger**, per **Watch Expressions (Espressioni di controllo)**, seleziona **Type an expression here (Digita un'espressione qui)**. Digita la lettera `i`e premi `Enter`, come segue.
![\[Finestra Debugger\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-watch-expression.png)
1. Inizia a eseguire il codice. Seleziona **Run (Esegui)**, **Run With (Esegui con)**, **Node.js**, come segue.
![\[Finestra Debugger\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-run-with.png)
1. L'esecuzione del codice si interrompe alla riga 6. La finestra **Debugger** mostra il valore di `i` in **Watch Expressions (Espressioni di controllo)**, che al momento è `10`.
![\[Finestra Debugger\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-breakpoint-hit.png)
1. Nella finestra **Debugger**, seleziona **Resume (Riprendi)**, ossia l'icona a forma di freccia blu, come segue.
![\[Ripresa dell'esecuzione del debug nella finestra Debugger\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-resume.png)
1. L'esecuzione del codice si interrompe alla riga 10. La finestra **Debugger** mostra ora il nuovo valore di `i`, ossia `11`.
1. Seleziona di nuovo **Resume (Riprendi)**. Il codice viene eseguito fino alla fine. L'output viene stampato sulla scheda **hello.js** della console, come segue.
![\[Scheda hello.js con output del debug\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-debugger-output.png)
Confronta i tuoi risultati con i seguenti.
![\[Utilizzo del debugger\]](http://docs.aws.amazon.com/it_it/cloud9/latest/user-guide/images/ide-debugger.gif)
## Riflessioni finali
**avvertimento**
Ricorda che disporre di un ambiente di AWS Cloud9 sviluppo potrebbe comportare addebiti sul tuo AWS account. Questi includono possibili addebiti per Amazon EC2 se utilizzi un ambiente EC2. Per ulteriori informazioni, consulta [Prezzi di Amazon EC2](https://aws.amazon.com/ec2/pricing/).
Ci sono altri argomenti nella sezione padre (*[Lavorare con l'IDE](ide.md)*) che potresti voler esplorare. Tuttavia, quando hai finito di visitare l' AWS Cloud9 IDE e non hai più bisogno dell'ambiente, assicurati di eliminarlo e le risorse associate, come descritto in[Eliminazione di un ambiente](delete-environment.md).