TypeScriptSupporto e funzionalità migliorati - AWS Cloud9
Caratteristiche di produttività di progetto disponibiliCreare un progetto linguistico

AWS Cloud9 non è più disponibile per i nuovi clienti. I clienti esistenti di AWS Cloud9 possono continuare a utilizzare il servizio normalmente. Scopri di più»

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

TypeScriptSupporto e funzionalità migliorati

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

Per utilizzare l'IDE per creare un progetto linguistico nell'ambiente, consulta Creare un progetto linguistico.

Caratteristiche di produttività di progetto disponibili

L'AWS Cloud9IDE fornisce le seguenti funzionalità di produttività del progetto perTypeScript.

Completamento automatico

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)

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)

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)

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 . Ad 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)

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 . Ad 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)

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

  2. Eseguire il comando Go to Symbol . Ad 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).

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

Utilizzare la procedura seguente per creare un progetto linguistico che funzionerà con le caratteristiche di produttività di progetto supportate nell'IDE AWS Cloud9.

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

  1. Assicurati di averlo TypeScript installato nell'ambiente. Per ulteriori informazioni, consulta Fase 1: installare gli strumenti necessari nella TypeScripttutorial perAWS Cloud9.

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

  3. Alla radice della directory in cui desideri creare il progetto, esegui il TypeScript compilatore con l'--initopzione.

    tsc --init

    Se questo comando ha successo, 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: