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.

Einführung in die AWS Cloud9 IDE

Dieses Thema bietet eine grundlegende Einführung in die integrierte Entwicklungsumgebung (IDE) von AWS Cloud9. Um diese Einführung in vollem Umfang zu nutzen, führen Sie die nachfolgenden Schritte nacheinander aus.

Voraussetzungen

Um an dieser Einführung teilzunehmen, müssen Sie über ein AWS-Konto und eine offene AWS Cloud9 Entwicklungsumgebung verfügen. Um zu erfahren, wie Sie diese Aufgaben ausführen, befolgen Sie die Schritte unter Erste Schritte: grundlegende Tutorials für AWS Cloud9. Alternativ können Sie separate verwandte Themen wie Einrichten von AWS Cloud9 und Arbeiten mit Umgebungen in AWS Cloud9 erkunden.

Schritt 1: Menüleiste

Die Menüleiste am rechten oberen Rand der IDE enthält allgemeine Befehle für die Arbeit mit Dateien und Code und für das Ändern von IDE-Einstellungen. Sie können auch eine Vorschau anzeigen und Code aus der Menüleiste ausführen.

Sie können die Menüleiste ausblenden, indem Sie den Pfeil an der Ecke auswählen:

Sie können die Menüleiste erneut anzeigen, indem Sie den Pfeil in der Mitte auswählen bzw. dort, wo sich die Menüleiste zuvor befand:

Vergleichen Sie die Ergebnisse mit Folgendem.

Sie können die IDE verwenden, um mit einer Reihe von Dateien in den folgenden Abschnitten in diesem Tutorial zu arbeiten. Zum Einrichten dieser Dateien wählen Sie File (Datei), New File (Neue Datei).

Kopieren Sie dann den folgenden Text in die Untitled1-Editor-Registerkarte.

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.

Um die Datei zu speichern, wählen Sie File (Datei), Save (Speichern) aus. Benennen Sie die Datei fish.txt und wählen Sie dann Save (Speichern) aus.

Wiederholen Sie diese Anweisungen und speichern Sie die zweite Datei als cat.txt mit dem folgenden Inhalt.

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.

Es gibt oft mehrere Möglichkeiten, wie wir Dinge in der IDE machen können. Zum Ausblenden der Menüleiste können Sie beispielsweise View (Anzeigen) Menu Bar (Menüleiste) anstatt den Pfeil an der Ecke auswählen. Zum Erstellen einer neuen Datei können Sie anstatt File (Datei), New File (Neue Datei) auszuwählen Alt-N (für Windows/Linux) oder Control-N (für MacOS) drücken. Um die Länge dieses Tutorial zu verringern, beschreiben wir nur eine Methode. Wie Sie besser mit der IDE vertraut sind, können Sie experimentieren und die Methode herausfinden, die für Sie am besten funktioniert.

Schritt 2: Dashboard

Das Dashboard bietet Ihnen schnellen Zugriff auf Ihre einzelnen Umgebungen. Über das Dashboard können Sie eine Umgebung erstellen, öffnen und deren Einstellungen ändern.

Zum Öffnen des Dashboards wählen Sie auf der Menüleiste AWS Cloud9 Go To Your Dashboard (Zu Ihrem Dashboard wechseln) aus.

Zum Anzeigen der Einstellungen für IhreUmgebung, wählen Sie den Titel in der Karte my-demo-environment. Um zum Dashboard zurückzukehren, verwenden Sie die Zurück-Schaltfläche Ihres Webbrowsers oder den Navigations-Breadcrumb namens Environments (Umgebungen).

Um die IDE für Ihre Umgebung zu öffnen, wählen Sie Open IDE (IDE öffnen) innerhalb der my-demo-environment-Karte.

Schritt 3: Umgebungsfenster

Das Fenster Environment (Umgebung) zeigt eine Liste der Ordner und Dateien in Umgebung. Sie können auch verschiedene Arten von Dateien anzeigen, wie z. B. ausgeblendete Dateien.

Um das Fenster Environment ein- oder auszublenden,wählen Sie die Schaltfläche Environment.

Zum Ein- oder Ausblenden des Fensters Environment (Umgebung) und der Schaltfläche Environment (Umgebung) wählen Sie Window (Fenster), Environment (Umgebung) auf der Menüleiste aus.

Um ausgeblendete Dateien ein- bzw. wieder auszublenden, wählen Sie das Zahnradsymbol im Fenster Environment und anschließend Show Hidden Files (Ausgeblendete Dateien anzeigen).

Schritt 4: Editor, Registerkarten und Bereiche

Im Editor können Sie Aufgaben wie das Schreiben von Code, Ausführen einer Terminalsitzung und Ändern der IDE-Einstellungen ausführen. Jede Instance einer geöffneten Datei, Terminalsitzung usw. wird durch eine Registerkarte dargestellt. Registerkarten können in Bereiche gruppiert werden. Registerkarten werden am Rand ihres Bereichs angezeigt.

Um Registerkarten ein- oder auszublenden, wählen Sie View (Anzeigen), Tab Buttons (Registerkarten-Schaltflächen) in der Menüleiste aus.

Um eine neue Registerkarte zu öffnen, klicken Sie auf das +-Symbol am Rand der Reihe an Registerkarten. Wählen Sie dann einen der verfügbaren Befehle, z. B. New File (Neue Datei).

Zum Anzeigen von zwei Bereichen wählen Sie das Symbol, das wie ein Dropdown-Menü aussieht und sich am Rand der Reihe der Registerkarten befindet. Wählen Sie dann Split Pane in Two Rows (Bereich in zwei Zeilen teilen) aus.

Um wieder einen einzelnen Bereich zu erhalten, wählen Sie erneut das Dropdown-Menüsymbol und klicken Sie auf das einzelne viereckige Symbol:

Schritt 5: Konsole

Die Konsole ist ein alternativer Ort für das Erstellen und Verwalten von Registerkarten. Standardmäßig enthält sie eine Terminal-Registerkarte, kann aber auch andere Arten von Registerkarten enthalten.

Zum Ein- oder Ausblenden der Konsole wählen Sie View (Anzeigen), Console (Konsole) in der Menüleiste aus.

Um die Konsole zu erweitern oder zu verkleinern, wählen Sie das Symbol zum Ändern der Größe, das sich am Rand der Konsole befindet.

Schritt 6: Bereich „Open Files“ (Dateien öffnen)

Im Bereich Open Files (Dateien öffnen) wird eine Liste aller Dateien angezeigt, die momentan im Editor geöffnet sind. Open Files (Dateien öffnen) ist Teil des Fensters Environment (Umgebung).

Zum Ein- oder Ausblenden des Bereichs Open Files (Dateien öffnen) wählen Sie View (Anzeigen) Open Files (Dateien öffnen) in der Menüleiste aus.

Um zwischen offenen Dateien zu wechseln, wählen Sie die gewünschte Datei aus der Liste aus.

Schritt 7: Bundsteg

Der Bundsteg am Rand jeder Datei im Editor zeigt Dinge wie Zeilennummern und kontextbezogene Symbole bei der Arbeit mit Dateien an.

Zum Ein- oder Ausblenden des Bundstegs wählen Sie View (Anzeigen), Gutter (Bundsteg) in der Menüleiste aus.

Schritt 8: Statusleiste

Die Statusleiste am Rand jeder Datei im Editor zeigt Dinge wie Zeilen- und Zeichennummern, Dateityp-Präferenzen, Leerstellen- und Registerkarten-Einstellungen sowie dazugehörige Editor-Einstellungen.

Zum Ausblenden der Statusleiste wählen Sie View (Anzeigen), Status Bar (Statusleiste) in der Menüleiste aus.

Um zu einer bestimmten Zeilennummer zu wechseln, wählen Sie eine Registerkarte mit der gewünschten Datei aus. Wählen Sie dann in der Statusleiste die Zeilen- und Zeichennummer aus (normalerweise etwas wie 7:45). Geben Sie eine Zeilennummer ein (z. B. 4) und drücken Sie Enter:

Um die Dateityp-Präferenzen in der Statusleiste zu ändern, wählen Sie einen anderen Dateityp aus. Wählen Sie beispielsweise für cat.txt Ruby aus, um die Syntaxfarbe zu ändern. Um zu Nur-Text-Farben zurückzukehren, wählen Sie Plain Text (Nur-Text) aus:

Schritt 9: Überblickfenster

Sie können das Fenster Outline (Überblick) verwenden, um schnell zu einem bestimmten Dateispeicherort zu gelangen.

Zum Ein- oder Ausblenden des Fensters Outline (Überblick) und der Schaltfläche Outline (Überblick) wählen Sie Window (Fenster), Outline (Überblick) in der Menüleiste aus.

Wenn Sie wissen möchten, wie das Fenster Outline (Überblick) funktioniert, erstellen Sie eine Datei mit dem Namen hello.rb. Kopieren Sie den folgenden Code in die Datei und speichern Sie sie.

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)

Um den Inhalt des Fensters Outline (Überblick) ein- oder auszublenden, klicken Sie auf die Schaltfläche Outline (Überblick).

Wählen Sie dann im Fenster Outline (Überblick) say_hello(i) und anschließend say_goodbye(i) wie folgt aus.

Schritt 10: Go-Fenster

Sie können das Go- Fenster verwenden, um eine Datei im Editor zu öffnen, um zur Definition eines Symbols zu gehen, um einen Befehl auszuführen oder um im Editor zu einer Zeile in der aktiven Datei zu gehen.

Um das Go-Fenster einzublenden, klicken Sie auf die Schaltfläche Go (das Lupensymbol).

Zum Ein- oder Ausblenden des Fensters Go und der Schaltfläche Go wählen Sie Window (Fenster), Go in der Menüleiste aus.

Wenn das Go -Fenster geöffnet ist, haben Sie folgende Möglichkeiten:

Um die Tastenbelegungen für jede dieser Aktionen basierend auf dem aktuellen Tastaturmodus und dem Betriebssystem anzuzeigen, lesen Sie die einzelnen verfügbaren Go To (Gehe zu)-Befehle im Go-Menü in der Menüleiste.

Schritt 11: Registerkarte „Immediate“ (Direkt)

Auf der Registerkarte Immediate (Direkt) können Sie kleine Snippets an JavaScript-Code testen. Wenn Sie wissen möchten, wie die Registerkarte Immediate (Direkt) funktioniert, führen Sie die folgenden Schritte aus.

Schritt 12: Prozessliste

Die Process List (Prozessliste) zeigt alle laufenden Prozesse. Sie können Prozesse beenden oder sogar zwangsweise beenden, die Sie nicht mehr ausführen möchten. Wenn Sie wissen möchten, wie das Fenster Process List (Prozessliste) funktioniert, führen Sie die folgenden Schritte aus.

Schritt 13: Präferenzen

Zu den Preferences (Präferenzen) gehören die folgenden Einstellungen.

Zum Anzeigen von Präferenzen wählen Sie AWS Cloud9, Preferences (Präferenzen) auf der Menüleiste aus. Es wird etwa Folgendes angezeigt.

Schritt 14: Terminal

Sie können eine oder mehrere Terminalsitzungen in der IDE ausführen. Um eine Terminalsitzung zu starten, wählen Sie in der Menüleiste Window (Fenster), New Terminal (Neues Terminal). Oder wählen Sie das "Plus"-Symbol neben den Konsolen-Registerkarten und dann New Terminal (Neues Terminal) aus.

Sie können versuchen, einen Befehl im Terminal auszuführen. Geben Sie im Terminal beispielsweise echo $PATH ein und drücken Sie anschließend Enter, um den Wert der PATH-Umgebungsvariablen auszugeben.

Sie können auch versuchen, zusätzliche Befehle auszuführen. Versuchen Sie beispielsweise Befehle wie Folgende:

Schritt 15: Debugger-Fenster

Sie können das Fenster Debugger verwenden, um Ihren Code zu debuggen. Sie können beispielsweise Schritt für Schritt durch das Ausführen Ihres Codes gehen, die Werte der Variablen im Zeitverlauf anzeigen und den Aufruf-Stack erkunden.

Zum Ein- und Ausblenden des Fensters Debugger und der Schaltfläche Debugger wählen Sie Window (Fenster), Debugger in der Menüleiste aus.

In diesem Tutorial können Sie mit dem Debugger-Fenster und JavaScript-Code experimentieren, indem Sie die folgenden Schritte ausführen.

Vergleichen Sie die Ergebnisse mit Folgendem.

Abschließende Anmerkungen