Opening the AWS Cloud9 IDE
AWS Cloud9 is an Integrated Development Environment (IDE) that runs in a browser. You can write, run, and debug your code in Cloud9. The Cloud9 environment can be shared with multiple collaborators to work on the same project at the same time. You can view the changes collaborators are making in real-time, making it a useful tool for pair programming.
Cloud9 environments are backed by either an EC2 instance or by any ssh-connected machine with Python 2.7 installed, including machines outside of AWS. The IDE includes an integrated terminal connected to the machine that backs the Cloud9 environment. For EC2 Cloud9 environments, Cloud9 will automatically put the EC2 instance to sleep after a period of inactivity to save you the cost of running the instance when you are not using Cloud9. There is no additional cost to using Cloud9 beyond the cost of running the instance.
1. In the AWS Console, enter cloud9 in the search bar at the top, and click the Cloud9 search result:
2. If you are not presented with the Your environments view, click the sidebar accordion to show the sidebar menu, and select Your environments:
3. From the Your environments menu, click Open IDE to view the Cloud9 IDE:
After a few seconds, you are presented with the Cloud9 IDE:
4. Take a minute to explore the Cloud9 interface. The default view shows three main panels:
- Environment: Left panel that shows the file tree for your project
- Editor: Upper panel where you can open tabs for editing files. It displays a Welcome page by default.
- Terminal: Lower panel with a terminal connected to the EC2 instance backing the Cloud9 environment.
The default layout is only a suggestion. You can fully configure the layout. For example, you can add, remove, resize, and split panels; open files in the lower pane; and open terminals in the upper panel.
There is also a hidden pane on the right that can be opened by clicking on any of the Collaborate, Outline, AWS Resources, or Debugger tabs. The Collaborate tab shows the members of the Cloud9 environment, whether they are online or not, and their permissions, either read (R) or read/write (RW). You can enter messages in the chat log, and also navigate to the active cursor of other members by right-clicking their name and choosing show location. The Outline tab shows locations you can jump to in the current file, for example, the lines where functions are defined in code. AWS Resources is useful for managing Lambda functions. The Debugger is exactly what you would expect in an IDE - a tool for stepping through the code and inspecting values at runtime.
5. In the upper menu bar, select View > Syntax to see the list of languages with syntax highlighting support in Cloud9:
There are over 100 languages supported.
6. Navigate to View > Themes > UI Themes and try out a theme or two:
The following Lab images use the Classic Dark theme.
7. Double-click the README.md file in the Environment panel to open an editor tab for the file:
Cloud9 automatically creates a README.md file for new environments.
8. Select the Environment tab in the left panel, and close the Welcome, and README.md tabs in the upper panel.
In this Lab Step, you opened the AWS Cloud9 IDE and took a brief tour of its interface.