

 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à.

# TypeScript Supporto e funzionalità migliorati
<a name="projects"></a>

L' AWS Cloud9 IDE consente di utilizzare *progetti linguistici* per accedere a funzionalità di produttività avanzate per TypeScript. Un progetto linguistico è una raccolta di file, cartelle e impostazioni correlati nell'IDE per un ambiente di AWS Cloud9 sviluppo.

Per utilizzare l'IDE per creare un progetto linguistico nell'ambiente, consulta [Creare un progetto linguistico](#projects-create).

## Caratteristiche di produttività di progetto disponibili
<a name="projects-features"></a>

L' AWS Cloud9 IDE fornisce le seguenti funzionalità di produttività del progetto per TypeScript.

### Completamento automatico
<a name="projects-features-autocomplete"></a>

Quando si inserisce un file nell'editor, un elenco di simboli viene visualizzato in corrispondenza del punto di inserimento per quel contesto, se vi sono eventuali simboli disponibili.

Per inserire un simbolo contenuto nell'elenco in corrispondenza del punto di inserimento, se il simbolo non è già scelto, sceglierlo utilizzando la freccia Su o Giù, quindi premere `Tab`.

Prima di premere `Tab`, potrebbe essere visualizzata una descrizione che contiene informazioni sul simbolo scelto, se le informazioni sono disponibili.

Per chiudere l'elenco senza inserire un simbolo, premere `Esc`.

### Gutter Icons (Icone di margine)
<a name="projects-features-gutter-icons"></a>

Le icone potrebbero essere visualizzati nel margine del file attivo. Queste icone evidenziano eventuali problemi, quali avvisi ed errori nel codice prima che venga eseguito.

Per ulteriori informazioni su un problema, posiziona il puntatore sull'icona relativa al problema.

### Quick Fixes (Soluzioni rapide)
<a name="projects-features-quick-fixes"></a>

Nel file attivo nell'editor, è possibile visualizzare informazioni su avvisi ed errori di codifica, con soluzioni possibili applicabili automaticamente a quel codice. Per visualizzare informazioni su errori o avvisi e le possibili soluzioni, scegliere una parte qualsiasi del codice con una sottolineatura punteggiata rossa (per gli errori) o una sottolineatura punteggiata grigia (per gli avvisi). Oppure, con il cursore posizionato sul codice con sottolineatura rossa o grigia, premere `Option-Enter` (per macOS) o `Alt-Enter` (per Linux o Windows). Per applicare una soluzione proposta, sceglierla nell'elenco oppure utilizzare i tasti freccia per selezionarla e premere `Enter`. Per attivare o disattivare la scelta di soluzioni rapide con il mouse, scegli **AWS Cloud9**, **Preferences** (Preferenze), **User Settings** (Impostazioni utente), **Language** (Lingua), **Hints & Warnings** (Suggerimenti e avvisi), **Show Available Quick Fixes on Click** (Mostra soluzioni rapide disponibili al clic del mouse).

### Find References (Trova riferimenti)
<a name="projects-features-find-refs"></a>

Nel file attivo nell'editor, è possibile visualizzare tutti i riferimenti al simbolo in corrispondenza del punto di inserimento, se l'IDE ha accesso a tali riferimenti.

Per eseguire questa operazione, in corrispondenza del punto di inserimento ovunque all'interno del simbolo, eseguire il comando ** `Find References` **. Esempio:
+ Fare clic con il pulsante destro del mouse in corrispondenza del punto di inserimento e quindi scegliere **Find References (Trova riferimenti)**.
+ Nella barra dei menu, scegliere **Go, Find References (Vai, Trova riferimenti)**.
+ Premere `Shift-F3` per impostazione predefinita per macOS, Windows o Linux.

Se i riferimenti sono disponibili, si apre un riquadro sopra il file attivo, accanto a tale simbolo. Il riquadro contiene un elenco dei file in cui si fa riferimento al simbolo. Il riquadro mostra il primo riferimento nell'elenco. Per visualizzare un riferimento diverso, scegliere quel riferimento nell'elenco.

Per chiudere il riquadro, scegliere l'icona Chiudi (**X**) nel riquadro o premere `Esc`.

Il comando ** `Find References` ** potrebbe essere disattivato o non funzionare correttamente, nelle seguenti condizioni:
+ Non sono presenti riferimenti a quel simbolo nel progetto del file attivo.
+ L'IDE non è in grado di trovare alcuni o tutti i riferimenti del simbolo nel progetto del file attivo.
+ L'IDE non ha accesso a una o più posizioni in cui si fa riferimento a tale simbolo nel progetto del file attivo.

### Go to Definition (Vai a definizione)
<a name="projects-features-go-to-def"></a>

Nel file attivo nell'editor, è possibile passare da un simbolo al luogo in cui tale simbolo è definito, se l'IDE ha accesso a tale definizione.

Per eseguire questa operazione, in corrispondenza del punto di inserimento ovunque all'interno del simbolo, eseguire il comando ** `Jump to Definition` **. Esempio:
+ Fare clic con il pulsante destro del mouse in corrispondenza del punto di inserimento e quindi scegliere **Jump to Definition (Passare a definizione)**.
+ Nella barra dei menu scegliere **Go, Jump to Definition (Vai, Passare a definizione)**.
+ Premere `F3` per impostazione predefinita per macOS, Windows o Linux.

Se la definizione è disponibile, il punto di inserimento passa a tale definizione, anche se tale definizione è in un file separato.

Il comando ** `Jump to Definition` ** potrebbe essere disattivato o non funzionare correttamente, nelle seguenti condizioni:
+ Il simbolo è un simbolo primitivo per quella lingua.
+ L'IDE non è in grado di individuare la posizione della definizione nel progetto del file attivo.
+ L'IDE non ha accesso alla posizione della definizione nel progetto del file attivo.

### Go to Symbol (Vai a simbolo)
<a name="projects-features-go-to-symbol"></a>

È possibile passare a un determinato simbolo all'interno di un progetto, come segue.

1. Rendere uno dei file del progetto attivo aprendolo nell'editor. Se il file è già aperto, scegliere la scheda nell'editor file per renderlo l'unico file attivo.

1. Eseguire il comando ** `Go to Symbol` **. Esempio:
   + Scegliere il pulsante della finestra** Go (Vai) **(icona della lente). Nella casella **Go to Anything (Vai a qualsiasi cosa)**, digitare `@` e iniziare a digitare il simbolo.
   + Nella barra dei menu scegliere **Go, Go To Symbol (Vai, Vai a simbolo)**. Nella finestra **Go (Vai)**, iniziare a digitare il simbolo dopo **@**.
   + Premere `Command-2` o `Command-Shift-O` per impostazione predefinita per macOS o `Ctrl-Shift-O` per impostazione predefinita per Windows o Linux. Nella finestra **Go (Vai)**, iniziare a digitare il simbolo dopo **@**.

   Ad esempio, per trovare tutti i simboli nel progetto denominato `toString`, inizia a digitare `@toString` (o iniziare a digitare `toString` dopo **@**, se **@** è già visualizzato).

1. Se si vede il simbolo desiderato nell'elenco** Symbols (Simboli) **, sceglierlo selezionandolo. In alternativa, utilizzare la freccia Su o Giù per selezionarlo e premere `Enter`. Il punto di inserimento quindi passa a tale simbolo.

Se il simbolo a cui si desidera passare non è nel progetto del file attivo, questa procedura potrebbe non funzionare correttamente.

## Creare un progetto linguistico
<a name="projects-create"></a>

Utilizzate la procedura seguente per creare un progetto linguistico che funzioni con le funzionalità di produttività del progetto supportate nell' AWS Cloud9 IDE.

**Nota**  
Consigliamo di utilizzare le caratteristiche di produttività di progetto supportate sui file che fanno parte di un progetto linguistico. Anche se è possibile utilizzare alcune delle caratteristiche di produttività di progetto supportate in un file che non fa parte di un progetto, queste caratteristiche potrebbero avere risultati imprevisti.  
Ad esempio, è possibile utilizzare l'IDE per la ricerca di riferimenti e definizioni dall'interno di un file fino al livello radice di un ambiente che non fa parte di un progetto. L'IDE potrebbe quindi ricercare solo tra i file allo stesso livello di radice. Questo potrebbe far sì che non vengano trovati riferimenti o definizioni, anche se sono effettivamente presenti nei progetti linguistici altrove nello stesso ambiente.

### Crea un progetto TypeScript linguistico
<a name="projects-create-typescript"></a>

1. Assicurati di averlo TypeScript installato nell'ambiente. Per ulteriori informazioni, consulta [Fase 1: installare gli strumenti necessari](sample-typescript.md#sample-typescript-install) nella [TypeScript tutorial per AWS Cloud9](sample-typescript.md).

1. Da una sessione del terminale nell'IDE per l'ambiente, passa alla directory in cui desideri creare il progetto. Se la directory non esiste, crearla e quindi passare a essa. Ad esempio, i comandi seguenti creano una directory denominata `my-demo-project` alla radice dell'ambiente (in `~/environment`), poi passano a tale directory.

   ```
   mkdir ~/environment/my-demo-project
   cd ~/environment/my-demo-project
   ```

1. Alla radice della directory in cui vuoi creare il progetto, esegui il TypeScript compilatore con l'**`--init`**opzione.

   ```
   tsc --init
   ```

   Se questo comando ha esito positivo, il TypeScript compilatore crea un `tsconfig.json` file nella radice della directory del progetto. È possibile utilizzare questo file per definire varie impostazioni del progetto, come le opzioni del TypeScript compilatore e file specifici da includere o escludere dal progetto.

   Per ulteriori informazioni sul file `tsconfig.json`, consultare quanto segue:
   +  [Panoramica di tsconfig.json](https://www.typescriptlang.org/docs/handbook/tsconfig-json.html) sul sito web. TypeScript 
   +  [tsconfig.json Schema (Schema tsconfig.json)](http://json.schemastore.org/tsconfig) sul sito Web json.schemastore.org.