| | 1 | With the !VariablesExample.java program above open in the editor click to the left of the line number (7) for the line a=3; and a red dot will appear called a breakpoint. |
| | 2 | [[Image(breakpoint.jpg, 50%, margin=10)]] |
| | 3 | 1. Click Debug->Start Debugging |
| | 4 | 2. The program will start running but will stop (break) at line 7 |
| | 5 | [[Image(stopped.jpg, 50%, margin=10)]] |
| | 6 | 3. Click on the Step-over icon [[Image(stepover.jpg)]] above the editor (or press function key F10) to execute that line of code and then stop again |
| | 7 | 4. Observe the Variables window in the left navigation panel and note that there is now a variable named 'a' with the value 3 |
| | 8 | [[Image(variables.jpg)]] |
| | 9 | 5. Press F10 again to execute the line b=4 and observe the variable appearing in the Variables window |
| | 10 | 6. Double click on the variable b in the Variables window and change its value to 5 |
| | 11 | 7. Press F10 again to execute the line c=a*b and observe the variable c appearing in the Variables window with the value 15. |
| | 12 | 8. Press the Continue tool [[Image(continue.jpg)]] (or function key F5) above the editor window to allow the program to continue running to the end. Observe the value printed in the output terminal window. |
| | 13 | |
| | 14 | The VSCode debug toolbar [[Image(VSC_toolbar.png)]] offers a complete set of tools to control the execution of your program: |
| | 15 | * Continue / Pause F5 |
| | 16 | * Step Over F10 |
| | 17 | * Step Into F11 |
| | 18 | * Step Out Shift+F11 |
| | 19 | * Restart Ctrl+Shift+F5 |
| | 20 | * Stop Shift+F5 |
| | 21 | |
