Verbesserter TypeScript Support und erweiterte Funktionen - AWS Cloud9
Verfügbare Funktionen für die ProjektproduktivitätErstellen eines Sprachprojekts

AWS Cloud9 ist für Neukunden nicht mehr verfügbar. Bestandskunden von AWS Cloud9 können den Service weiterhin wie gewohnt nutzen. Erfahren Sie mehr“

Die vorliegende Übersetzung wurde maschinell erstellt. Im Falle eines Konflikts oder eines Widerspruchs zwischen dieser übersetzten Fassung und der englischen Fassung (einschließlich infolge von Verzögerungen bei der Übersetzung) ist die englische Fassung maßgeblich.

Verbesserter TypeScript Support und erweiterte Funktionen

Mit der AWS Cloud9 IDE können Sie Sprachprojekte verwenden, um auf erweiterte Produktivitätsfunktionen für zuzugreifenTypeScript. Ein Sprachprojekt ist eine Sammlung von zugehörigen Dateien, Ordner und Einstellungen in der IDE für eine AWS Cloud9-Entwicklungsumgebung.

Informationen zur Verwendung der IDE zum Erstellen eines Sprachprojekts in Ihrer Umgebung finden Sie unter Erstellen eines Sprachprojekts.

Verfügbare Funktionen für die Projektproduktivität

Die AWS Cloud9 IDE bietet die folgenden Funktionen zur Projektproduktivität fürTypeScript.

AutoVervollständigen

Wenn Sie eine Datei im Editor eingeben, wird an der Einfügemarke für diesen Kontext eine Liste von Symbolen angezeigt, falls dort Symbole vorhanden sind.

Um ein Symbol aus der Liste an der Einfügeposition einzufügen, wenn das Symbol nicht bereits ausgewählt ist, wählen Sie es mit den Pfeiltaste nach oben oder unten aus und drücken Sie dann Tab.

Bevor Sie Tab drücken, sehen Sie möglicherweise eine QuickInfo mit Informationen über das Symbol, das Sie ausgewählt haben, sofern Informationen verfügbar sind.

Um die Liste ohne Einfügen eines Symbols zu schließen, drücken Sie Esc.

Bundsteg-Symbole

Die Symbole können im Bundsteg einer aktiven Datei erscheinen. Diese Symbole weisen auf mögliche Probleme wie Warnungen und Fehler im Code hin, bevor Sie ihn ausführen.

Weitere Informationen zu einem Problem erhalten Sie, wenn Sie mit dem Mauszeiger auf das Symbol des Problems gehen.

Schnelle Lösungen

In der aktiven Datei im Editor können Sie sich Informationen zur Codierung von Fehlern und Warnungen mit möglichen Problembehandlungen, die Sie automatisch für diesen Code anwenden können, anzeigen lassen. Zum Anzeigen von Fehler- oder Warnungsinformationen sowie mögliche Lösungen, wählen Sie einen Teil des Codes, der über einen roten gepunkteten Unterstrich (für Fehler) oder eine graue gepunktete Unterstreichung (für Warnungen) verfügt. Oder Sie drücken Option-Enter (für macOS) oder Alt-Enter (für Linux oder Windows), wobei der Cursor auf dem Code-Teil bleibt, der über einen rot oder grau gepunkteten Unterstrich verfügt. Um eine vorgeschlagene Lösung anzuwenden, wählen Sie die Lösung in der Liste aus, oder wählen Sie die Lösung mithilfe der Pfeiltasten. Drücken Sie anschließend Enter. Um die Auswahl schneller Lösungen per Maustaste zu aktivieren oder zu deaktivieren, wählen Sie AWS Cloud9, Preferences (Präferenzen), User Settings (Benutzereinstellungen), Language (Sprache), Hints & Warnings (Hinweise und Warnungen), Show Available Quick Fixes on Click (Verfügbare Schnelle Lösungen auf Klick anzeigen).

Referenzen suchen

In der aktiven Datei im Editor können Sie alle Referenzen zu einem Symbol an der Einfügeposition anzeigen, wenn die IDE Zugriff auf diese Referenzen hat.

Führen Sie dazu, wenn sich die Einfügemarke irgendwo innerhalb des Symbols befindet, den Befehl Find References aus. Beispiele:

  • Klicken Sie mit der rechten Maustaste auf die Einfügemarke, und wählen Sie dann Find References (Referenzen suchen).

  • Wählen Sie in der Menüleiste Go, Find References (Gehe zu, Referenzen suchen).

  • Drücken Sie Shift-F3 als Standard-Tastenkombination für macOS, Windows oder Linux.

Wenn Referenzen verfügbar sind, öffnet sich ein Fenster über der aktiven Datei neben dem Symbol. Der Bereich enthält eine Liste der Dateien, auf die das Symbol verweisen. Der Bereich zeigt die erste Referenz in der Liste an. Um eine andere Referenz anzuzeigen, wählen Sie die Referenz in der Liste aus.

Um den Bereich zu schließen, klicken Sie auf das (X)-Symbol im Bereich oder drücken Sie Esc.

Der Befehl Find References kann unter den folgenden Bedingungen deaktiviert sein oder nicht wie erwartet funktionieren:

  • Es gibt keine Referenzen zu diesem Symbol im aktiven Dateiprojekt.

  • Die IDE kann im aktiven Dateiprojekt die Referenzen oder einige davon zu diesem Symbol nicht auffinden.

  • Die IDE hat keinen Zugriff auf einen oder mehrere Speicherorte, auf die vom Symbol im aktiven Dateiprojekt verwiesen wird.

Zur Definition gehen

In der aktiven Datei im Editor können Sie von einem Symbol zur Definition dieses Symbols wechseln, wenn die IDE Zugriff auf diese Definition hat.

Führen Sie dazu, wenn sich die Einfügemarke irgendwo innerhalb des Symbols befindet, den Befehl Jump to Definition aus. Beispiele:

  • Klicken Sie mit der rechten Maustaste auf die Einfügemarke, und wählen Sie dann Jump to Definition (Zur Definition wechseln).

  • Klicken Sie in der Menüleiste auf Go, Jump to Definition (Gehe zu, Zur Definition gehen).

  • Drücken Sie F3 als Standard-Tastenkombination für macOS, Windows oder Linux.

Wenn die Definition verfügbar ist, wechselt der Einfügepunkt zu dieser Definition, auch wenn sich diese Definition in einer separaten Datei befindet.

Der Befehl Jump to Definition kann unter den folgenden Bedingungen deaktiviert sein oder nicht wie erwartet funktionieren:

  • Das Symbol ist ein einfaches Symbol für diese Sprache.

  • Die IIDE kann die Position der Definition im aktiven Dateiprojekt nicht finden.

  • Die IDE hat keinen Zugriff auf den Speicherort der Definition im aktiven Dateiprojekt.

Gehe zu Symbol

Sie können wie folgt zu einem bestimmten Symbol innerhalb eines Projekts wechseln.

  1. Aktivieren Sie eine der Dateien im Projekt, indem Sie sie im Editor öffnen. Wenn die Datei bereits geöffnet ist, wählen Sie die Registerkarte im Editor, um diese Datei zur aktiven zu machen.

  2. Führen Sie den -Befehl Go to Symbol aus. Beispiele:

    • Wählen Sie die Schaltfläche Go (Gehe zu) (Lupensymbol). Geben Sie im Feld Go to Anything (Gehe zu Beliebigem) erst @ und anschließend das Symbol ein.

    • Klicken Sie in der Menüleiste auf Go, Go To Symbol (Gehe zu, Zum Symbol gehen). Geben Sie im Fenster Go (Gehe zu) nach @ das Symbol ein.

    • Drücken Sie die Tasten Command-2 oder Command-Shift-O als Standard für macOS oder Ctrl-Shift-O als Standard für Windows oder Linux. Geben Sie im Fenster Go (Gehe zu) nach @ das Symbol ein.

    Um beispielsweise alle Symbole im Projekt mit dem Namen toString zu suchen, beginnen Sie die Eingabe mit @toString (oder beginnen Sie die Eingabe mit toString nach @, wenn @ bereits angezeigt wird).

  3. Wenn Sie das gewünschte Symbol in der Liste Symbols (Symbole) sehen, wählen Sie sie aus, indem Sie darauf klicken. Oder verwenden Sie Ihre Pfeil nach oben oder nach unten Tasten, um es auszuwählen, und drücken Sie anschließend die Eingabetaste Enter. Die Einfügemarke wechselt dann zu diesem Symbol.

Wenn das Symbol, zu dem Sie wechseln möchten, nicht im aktiven Dateiprojekt vorhanden ist, wird dieses Verfahren möglicherweise nicht wie erwartet funktionieren.

Erstellen eines Sprachprojekts

Gehen Sie wie folgt vor, um ein Sprachprojekt zu erstellen, das mit den unterstützten Projektproduktivitätsfunktionen in der AWS Cloud9 IDE arbeitet.

Anmerkung

Wir empfehlen, dass Sie unterstützte Projektproduktivitätsfunktionen für Dateien verwenden, die Teil eines Sprachprojekts sind. Obwohl Sie einige unterstützte Projektproduktivitätsfunktionen auch für eine Datei verwenden können, die nicht Teil eines Projekts ist, können diese Funktionen jedoch unerwartete Ergebnisse erzeugen.

Sie können beispielsweise die IDE verwenden, um Referenzen und Definitionen innerhalb einer Datei im Stammverzeichnis der Umgebung zu suchen, die nicht Teil eines Projekts ist. Die IDE kann dann aber nur in Dateien auf derselben Root-Ebene suchen. Dies kann dazu führen, dass keine Referenzen oder Definitionen gefunden werden, obwohl diese Referenzen oder Definitionen tatsächlich in Sprachprojekten an anderer Stelle der selben Umgebung vorhanden sind.

Erstellen Sie ein TypeScript Sprachprojekt

  1. Stellen Sie sicher, dass Sie es in der Umgebung TypeScript installiert haben. Weitere Informationen finden Sie unter Schritt 1: Installieren der erforderlichen Tools im TypeScriptTutorial fürAWS Cloud9.

  2. Wechseln Sie von einer Terminal-Sitzung in der IDE für die Umgebung aus zum Verzeichnis, in dem Sie das Projekt erstellen möchten. Wenn das Verzeichnis nicht existiert, erstellen Sie es und wechseln Sie dann zu ihm. Mit den folgenden Befehlen erstellen Sie beispielsweise ein Verzeichnis namens my-demo-project im Stammverzeichnis der Umgebung (in ~/environment) und wechseln dann zu diesem Verzeichnis.

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

  3. Führen Sie im Stammverzeichnis des Verzeichnisses, in dem Sie das Projekt erstellen möchten, den TypeScript Compiler mit der --initOption aus.

    tsc --init

    Wenn dieser Befehl erfolgreich ist, erstellt der TypeScript Compiler eine tsconfig.json Datei im Stammverzeichnis des Verzeichnisses für das Projekt. Sie können diese Datei verwenden, um verschiedene Projekteinstellungen zu definieren, z. B. TypeScript Compileroptionen und bestimmte Dateien, die in das Projekt aufgenommen oder aus dem Projekt ausgeschlossen werden sollen.

    Weitere Informationen zur Datei tsconfig.json finden Sie hier: