Navigation
0 | 1 | 2 | 3 | 4 | Current Level: 5 | 6 | 7 | 8
Lesson: Explore the File Explorer
🎯 Objective
Learn to navigate the File Explorer, create files and folders, and manage your project structure.
✅ Step 5: Explore the File Explorer
- Located on the left side, click the Explorer icon (📁).
- This shows your project’s files and folders.
- You can right-click to add, delete, rename, or move files.
Activities:
- Create a New File: Right-click the folder and choose New File. Name it
index.html
.
- Create a New Folder: Right-click and select New Folder. Name it
assets
.
- Rename a File: Rename
index.html
to home.html
, then rename it back.
- Delete a File: Create a test file named
delete-me.txt
, then delete it.
- Move a File: Create
move-me.txt
and drag it into the assets
folder.
-
Open the Project Folder in Explorer/Finder:
- Right-click the project folder in the VSCode Explorer panel.
- Choose Reveal in File Explorer (Windows) or Reveal in Finder (Mac).
- This opens the folder in your computer’s file browser.
✅ Commit Reminder:
git add .
git commit -m "Practiced using File Explorer features"
git push
✅ Summary
You learned how to:
- Navigate the File Explorer panel in VSCode
- Create new files and folders
- Rename and delete files
- Move files between folders
- Open your project folder in your system’s file browser
The File Explorer is your command center for managing project files and folders!
Navigation
0 | 1 | 2 | 3 | 4 | Current Level: 5 | 6 | 7 | 8