Code Lab
Introduction
TODO: add here more about Code NOTE: in the actual version a direct integration between Plan, Control and Code is not working and will be fixed in upcoming release
How to switch to Code from Home Page
You can switch to Code by either pressing "Let's go to Code" button on its tile:
Or you can always switch using the central app switcher on the top left of your screen:
Note: it takes a few seconds till your environment is setup and running, please be patient.
Using Code
First entry view, Toggle bar and Sidebars
Your first entry is a clean and empty workspace:
You can open several additional views by using the Toggle bar on the top right corner of your screen:
Use the "Toggle Panel" Icon to open the Panel View which provides different tabs of information like: Problems, Output, Debug Console, Terminal and Ports:
Use the "Toggle Primary Sidebar" icon to open the Primary Sidebar (right) which provides access to workspace and files:
Use the "Toggle Secondary Sidebar" icon to open the Secondary Sidebar (left) which provides additional views:
Clone a Repository
NOTE: Due the issue with integration (will be fixed in next release) we have to clone repository manualy and set some global settings for git.
- Open the Panel view using the Toggle Panel icon and select the Terminal view.
- In the Terminal View enter the git clone command using your username and previously created access token. Use the repository you have created in the Control lab. Then set global git settings:
- 'git config --global user.name "
"' - 'git config --global user.email "
"` git clone https://<your git studentid>:<your access token>@<repo url>
- 'git config --global user.name "
- Here an example with Student13:
git config --global user.name "student13-labs.com"
git config --global user.email "student13@labs.com"
git clone https://student13-labs.com:cba1ae07eb42313eae4c27f953bfdddba235fb1e@devops101.eu-gb.containers.appdomain.cloud/control/student13-labs.com/PizzaApp.git
- Example Screenshots:
Open the freshly cloned repository
Click on the Primary Sidebar on the Open Folder button:
Enter the location of your cloned repository:
Now you have access to the cloned repository:
Look around and open the Mockup image to view the Design:
Edit a file and commit the changes
Open the README.md file and add some text. In this example added "Troubleshooting" at the end of the file then saved changes"
Now click on the Source Control icon which shows the changed files and provide a good commit message and press commit:
Click on the triangle on the Commit Button to open the menue:
Click on Commit and Push. A new popup will appear and ask how to stage the changes. Press on Always to proceed:
Congratulations you have commited your first change into your repository. In the Graph view you will see your commit message:
Switch Back to Control and verify that in the activity view you have your commit visible:
Close and terminate Environment
Your development environment runs in it's own pod and uses resources. When you are finished with your work it is recommended to terminate the Environment.
NOTE: your session will not be terminated when you switch between capabilities or just close your browser!
Use the Logout icon to get a popup which asks what to do with your running development environment:
Click on "Yes, terminate it" to shutdown the pod, which will delete all unsaved or pushed changes! Or you can decide to keep it alive with "No, let it run" if you want to continue working later.
Conclusio
Congratulations you have finished the Code Lab.