AWS Cloud9 n'est plus disponible pour les nouveaux clients. Les clients existants de AWS Cloud9 peuvent continuer à utiliser le service normalement. En savoir plus

Les traductions sont fournies par des outils de traduction automatique. En cas de conflit entre le contenu d'une traduction et celui de la version originale en anglais, la version anglaise prévaudra.

Visite du AWS Cloud9 IDE

Cette rubrique fournit une présentation de base de l'environnement de développement AWS Cloud9 intégré (IDE). Pour profiter pleinement de cette présentation, suivez dans l'ordre les étapes indiquées ci-dessous.

Prérequis

Pour participer à cette visite, vous devez disposer d'un AWS compte et d'un environnement de AWS Cloud9 développement ouvert. Pour savoir comment procéder, vous pouvez suivre les étapes de Démarrer avec AWS Cloud9. Vous pouvez également explorer d'autres rubriques connexes, par exemple Con AWS Cloud9 figuration et Travailler avec des environnements dans AWS Cloud9.

Étape 1 : Barre de menus

La barre de menu, située en haut duIDE, contient les commandes courantes permettant de travailler avec des fichiers et du code et de modifier IDE les paramètres. Vous pouvez également utiliser la barre de menus pour afficher l'aperçu du code et l'exécuter.

Vous pouvez masquer la barre de menus en choisissant la flèche dans son bord, comme suit.

Vous pouvez réafficher la barre de menus en choisissant la flèche au milieu de l'emplacement précédent de la barre de menus, comme suit.

Comparez vos résultats avec les suivants :

Vous pouvez utiliser le IDE pour travailler avec un ensemble de fichiers dans les sections suivantes de ce didacticiel. Pour installer ces fichiers, choisissez File, New File.

Copiez ensuite le texte suivant dans l'onglet d'éditeur Untitled1.

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.

Pour l'enregistrer, choisissez File, Save. Nommez le fichier fish.txt, puis choisissez Save.

Répétez ces instructions, en enregistrant le second fichier sous le nom cat.txt et avec le contenu suivant.

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.

Il y a souvent plusieurs façons de faire les choses dans leIDE. Par exemple, pour masquer la barre de menus, au lieu de choisir la flèche dans sa bordure, vous pouvez choisir View, Menu Bar. Pour créer un fichier, au lieu de choisir File, New File, vous pouvez appuyer sur Alt-N (pour Windows/Linux) ou Control-N (pour MacOS). Pour réduire la longueur de ce tutoriel, nous avons décrit une seule méthode de réalisation d'une tâche. Au fur et à mesure que vous vous sentirez plus à l'aise avec leIDE, n'hésitez pas à expérimenter et à trouver la méthode qui vous convient le mieux.

Étape 2 : Tableau de bord

Le tableau de bord vous permet d'accéder rapidement à chacun de vos environnements. Dans le tableau de bord, vous pouvez créer, ouvrir et modifier les paramètres d'un environnement.

Pour ouvrir le tableau de bord, choisissez AWS Cloud9, Go To Your Dashboard (Accéder à votre tableau de bord).

Pour afficher les paramètres de votre environnement, choisissez le titre à l'intérieur de la my-demo-environmentcarte. Pour revenir au tableau de bord, utilisez le bouton Retour de votre navigateur Web ou le chemin de navigation appelé Environnements.

Pour ouvrir le fichier IDE adapté à votre environnement, choisissez Ouvrir IDE à l'intérieur de la my-demo-environmentcarte.

Étape 3 : Fenêtre Environnement

La fenêtre Environnement affiche la liste de vos dossiers et fichiers dans l'environnement. Vous pouvez également afficher différents types de fichiers, par exemple les fichiers masqués.

Pour afficher ou masquer la fenêtre Environnement, sélectionnez le bouton Environnement.

Pour afficher ou masquer la fenêtre Environnement et le bouton Environnement, choisissez Fenêtre, Environnement dans la barre de menus.

Pour afficher les fichiers masqués ou les masquer s'ils sont affichés, dans la fenêtre Environnement, sélectionnez l'icône d'engrenage, puis Montrer les fichiers cachés.

Étape 4 : Éditeur, onglets et volets

L'éditeur est l'endroit où vous pouvez effectuer des tâches telles que l'écriture de code, l'exécution d'une session de terminal et la modification des IDE paramètres. Chaque instance d'un fichier ouvert, d'une session de terminal, etc. est représentée par un onglet. Les onglets peuvent être regroupés en volets. Les onglets sont affichés au bord de leur volet.

Pour masquer ou afficher les onglets, choisissez View (Vue), Tab Buttons -(Boutons de l'onglet) dans la barre de menus.

Pour ouvrir un nouvel onglet, choisissez l'icône + au bord de la ligne d'onglets. Choisissez ensuite l'une des commandes disponibles, par exemple, New File, comme suit.

Pour afficher deux volets, choisissez l'icône qui ressemble à un menu déroulant et qui se trouve au bord de la ligne des onglets. Choisissez ensuite Split Pane in Two Rows, comme suit.

Pour revenir à un seul volet, choisissez à nouveau le menu déroulant, puis choisissez l'icône carrée, comme suit.

Étape 5 : Console

La console est un autre emplacement où sont créés et gérés les onglets. Par défaut, elle contient un onglet Terminal, mais peut également contenir d'autres types d'onglets.

Pour afficher ou masquer la console, choisissez View (Vue), Console dans la barre de menus.

Pour développer ou réduire la console, choisissez l'icône de redimensionnement, qui se trouve au bord de la console, comme suit.

Étape 6 : Section Open Files (Ouvrir des fichiers)

La section Open Files affiche la liste de tous les fichiers qui sont actuellement ouverts dans l'éditeur. Open Files fait partie de la fenêtre Environnement.

Pour afficher ou masquer la section Open Files (Ouvrir fichiers), choisissez View (Vue), Open Files (Ouvrir fichiers) dans la barre de menus.

Pour basculer entre les fichiers ouverts, choisissez le fichier qui vous intéresse dans la liste.

Étape 7 : Marge

La marge présente sur le bord de chaque fichier dans l'éditeur, affiche des éléments comme les numéros de ligne et les symboles contextuels lorsque vous utilisez des fichiers.

Pour afficher ou masquer la marge, choisissez View (Vue), Gutter (Marge) dans la barre de menus.

Étape 8 : Barre d'état

La barre d'état, au bord de chaque fichier dans l'éditeur, affiche des éléments comme les numéros de ligne et de caractère, le type de fichier préféré, les paramètres d'espace et de tabulation, ainsi que les paramètres d'éditeur associés.

Pour afficher ou masquer la barre d'état, choisissez View (Vue), Status Bar (Barre d'état) dans la barre de menus.

Pour accéder à un numéro de ligne spécifique, choisissez un onglet contenant le fichier qui vous intéresse. Dans la barre d'état, choisissez ensuite le numéro de ligne et de caractère (par exemple 7:45). Saisissez un numéro de ligne (par exemple, 4), puis appuyez sur Enter, comme suit.

Pour changer le type de fichier préféré, choisissez un autre type de fichier dans la barre d'état. Par exemple, pour cat.txt, choisissez Ruby pour voir le changement des couleurs de la syntaxe. Pour revenir aux couleurs du texte brut, choisissez Plain Text, comme suit.

Étape 9 : Fenêtre Outline (Aperçu)

Vous pouvez utiliser la fenêtre Outline pour accéder rapidement à un emplacement de fichier spécifique.

Pour afficher ou masquer la fenêtre Aperçu et le bouton Aperçu, choisissez Fenêtre, Aperçu dans la barre de menus.

Pour voir comment la fenêtre Outline fonctionne, créez un fichier nommé hello.rb. Copiez le code suivant dans le fichier et enregistrez-le:

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)

Pour afficher ou masquer le contenu de la fenêtre Outline (Aperçu) choisissez le bouton Outline (Aperçu).

Ensuite, dans la fenêtre Outline (Aperçu), choisissez say_hello (i), puis say_goodbye (i), comme suit.

Étape 10 : Fenêtre Go (Accéder)

Vous pouvez utiliser la fenêtre Go pour ouvrir un fichier dans l'éditeur, accéder à un symbole, exécuter une commande, ou accéder à une ligne dans le fichier actif dans l'éditeur.

Choisissez le bouton Go (l'icône loupe) pour afficher le contenu de la fenêtre Go.

Pour afficher ou masquer la fenêtre Go et le bouton Go choisissez Fenêtre, Go dans la barre de menus.

Une fois la fenêtre Go ouverte, vous pouvez :

Pour voir les combinaisons de touches pour chacune de ces actions en fonction du système d'exploitation et en mode clavier actuel, consultez chacune des commandes disponibles Go To dans le menu Go dans la barre de menus.

Étape 11 : Onglet Immediate (Immédiat)

L'onglet Immediate vous permet de tester de petits extraits de JavaScript code. Pour voir comment l'onglet Immediate (Immédiat) fonctionne, effectuez les opérations suivantes :

Étape 12 : Processus

La vue Process List affiche tous les processus en cours d'exécution. Vous pouvez arrêter ou même forcer l'arrêt des processus que vous ne souhaitez plus exécuter. Pour voir comment la fenêtre Process List (Liste des processus) fonctionne, effectuez les opérations suivantes :

Étape 13 : Preferences (Préférences)

Preferences (Préférences) inclut les paramètres suivants :

Pour afficher les préférences, choisissez AWS Cloud9, Preferences (Préférences) dans la barre de menus. Quelque chose de similaire à ce qui suit s'affiche.

Étape 14 : Terminal

Vous pouvez exécuter une ou plusieurs sessions de terminal dans leIDE. Pour démarrer une session de terminal, choisissez Window, New Terminal dans la barre de menus. Ou choisissez l'icône « plus » en regard des onglets Console et choisissez New Terminal (Noveau terminal).

Vous pouvez essayer d'exécuter une commande dans le terminal. Par exemple, dans le terminal, tapez echo $PATH, puis appuyez sur Enter, pour imprimer la valeur de la variable d'environnement PATH.

Vous pouvez également essayer d'exécuter des commandes supplémentaires. Par exemple, essayez d'exécuter les commandes suivantes :

Étape 15 : Fenêtre Debugger (Débogueur)

Vous pouvez utiliser la fenêtre Debugger pour déboguer votre code. Par exemple, vous pouvez parcourir le code d'exécution par portion, consulter les valeurs des variables dans le temps, et explorer la pile d'appels.

Pour afficher ou masquer la fenêtre Débogueur et le bouton Débogueur, choisissez Fenêtre, Débogueur dans la barre de menus.

Dans le cadre de ce didacticiel, vous pouvez tester la fenêtre du débogueur et JavaScript du code en procédant comme suit.

Comparez vos résultats avec les suivants :

Conclusion