Join the AI Workshop to learn more about AI and how it can be applied to web development. Next cohort February 1st, 2026
The AI-first Web Development BOOTCAMP cohort starts February 24th, 2026. 10 weeks of intensive training and hands-on projects.
From the welcome screen, you can open a folder on your computer by clicking the Open... link
Usually you don’t have this “welcome” screen enabled, and you use the menu File -> Open folder....
One thing I generally do is: drag a folder I use for my project into VS Code itself, dragging the folder icon into the VS Code window.
This opens the folder in a new window, for example here I opened an empty testing folder:
If that folder contained files, you’d see them in the Explorer sidebar. See? The little icon in the Activity bar is now highlighted, it means you’re in the file explorer.
Lessons in this unit:
| 0: | Introduction |
| 1: | The interface |
| 2: | ▶︎ Opening folders |
| 3: | Editing |
| 4: | Search |
| 5: | Source control |
| 6: | Extensions |
| 7: | Themes |
| 8: | Recommended extensions |
| 9: | The command palette |
| 10: | Shortcuts |
| 11: | Customization |
| 12: | Terminal |
| 13: | How to use VS Code |