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. Weitere Informationen

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

Das AWS Cloud9 IDE ermöglicht Ihnen, Sprachprojekte zu verwenden, um auf erweiterte Produktivitätsfunktionen für zuzugreifen TypeScript. Ein Sprachprojekt ist eine Sammlung verwandter Dateien, Ordner und Einstellungen in einer AWS Cloud9 Entwicklungsumgebung. IDE

Informationen IDE zum Erstellen eines Sprachprojekts in Ihrer Umgebung finden Sie unterErstellen eines Sprachprojekts.

Verfügbare Funktionen für die Projektproduktivität

Das AWS Cloud9 IDE bietet die folgenden Produktivitätsfunktionen für Projekte TypeScript.

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 Verweise auf das Symbol an der Einfügemarke anzeigen, sofern der Zugriff auf diese Referenzen IDE hat.

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

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

  • Er IDE kann einige oder alle Verweise dieses Symbols im Projekt der aktiven Datei nicht finden.

  • Der IDE hat keinen Zugriff auf eine oder mehrere Stellen, an denen dieses Symbol im Projekt der aktiven Datei referenziert wird.

Zur Definition gehen

In der aktiven Datei im Editor können Sie von einem Symbol zu der Stelle wechseln, an der das Symbol definiert ist, sofern der Zugriff auf diese Definition IDE hat.

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

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

  • Sie IDE können den Speicherort der Definition im Projekt der aktiven Datei nicht finden.

  • Der IDE hat keinen Zugriff auf den Speicherort der Definition im Projekt der aktiven Datei.

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. Beispielsweise:

    • 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 Funktionen zur Projektproduktivität in funktioniert AWS Cloud9 IDE.

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.

Beispielsweise können Sie den verwenden, IDE um in einer Datei auf der Stammebene einer Umgebung, die nicht Teil eines Projekts ist, nach Verweisen und Definitionen zu suchen. Sie suchen dann IDE möglicherweise nur in Dateien auf derselben Stammebene. 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 TypeScript Tutorial für AWS Cloud9.

  2. Wechseln Sie in einer Terminalsitzung in der IDE Umgebung zu dem 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 Projektverzeichnisses. Sie können diese Datei verwenden, um verschiedene Projekteinstellungen zu definieren, z. B. TypeScript Compileroptionen und bestimmte Dateien, die in das Projekt ein- oder ausgeschlossen werden sollen.

    Weitere Informationen zur Datei tsconfig.json finden Sie hier: