Appearance

VS Code Demo Recording ​

This quick exercise asks you to share a short demo recording (30–60s) and a few screenshots that show your VS Code setup: the left sidebar (Activity Bar), the Extensions view with installed items, the integrated Terminal, and a quick Python check.

Time: 10–15 minutes Deliverables: 1 short video + 3–4 screenshots

Step 1 — Open VS Code and show the interface ​

  • Launch VS Code. If you haven’t installed it yet, follow the install page first.
  • Briefly pan across the interface to show: Activity Bar (left), Explorer, Editor, and the Status Bar.

Screenshot A: Full VS Code window highlighting the Activity Bar and Explorer.

Step 2 — Open the Extensions view (left sidebar) ​

  • Click the Extensions icon (📦) in the Activity Bar.
  • In Installed, show core items like: Python, Jupyter, Docker (as applicable to your workflow).

Screenshot B: Extensions panel with installed extensions visible (at least Python; Jupyter and Docker if available).

Step 3 — Show the integrated Terminal and run a quick check ​

  • Open the integrated Terminal (Ctrl+` / Cmd+ on macOS).

  • Run:

    bash
    python3 --version

    (or python --version on some systems) to verify Python availability.

Screenshot C: Terminal showing the Python version output.

Step 4 — (Optional) Run a tiny Python file ​

  • Create test.py with:

    python
    print("VS Code demo: Python is working!")

  • Run via Run Python File in Terminal or python test.py.

Screenshot D (optional): Terminal output of the script.

Step 5 — Record a short demo video (30–60s) ​

In one smooth capture, show:

  1. Activity Bar → click Extensions (display installed items).
  2. Open the Terminal, run python3 --version.
  3. Briefly point to the Status Bar (Python interpreter and Git branch if visible).

Tip: Keep the video short and steady; no narration required. Just show the clicks and outputs.

What to submit ​

  • Video: 30–60s screen recording showing Extensions → Terminal → quick check.

  • Screenshots:

    • A: Interface with Activity Bar/Explorer
    • B: Extensions panel showing installed items
    • C: Terminal with Python version
    • D: (optional) Terminal running test.py

Acceptance checklist (pass/fail) ​

  • Extensions view shown with at least Python installed.
  • Integrated Terminal visible and Python version printed.
  • Overall VS Code layout (Activity Bar, Explorer, Status Bar) clearly visible.
  • Short demo video confirms the flow end-to-end.

If anything looks different on your setup, that’s okay — just make sure the Extensions, Terminal, and basic Python check are clearly shown.