VS Code: A Hands-On Introduction to the Developer’s Editor

This beginner-friendly workshop introduces you to Visual Studio Code (VS Code) — a free, open-source, and highly customisable code editor. Whether you’re new to coding or transitioning from another editor, this session is designed to help you set up and navigate VS Code with confidence.

• Installing and launching VS Code across operating systems
• Opening folders and creating workspaces
• Understanding the user interface: Explorer, Source Control, Extensions, Terminal, and Debug panels
• Customizing your environment: changing themes, font size, and enabling Auto Save
• Working efficiently with keyboard shortcuts, split editors, and minimap navigation
• Using the built-in terminal to run commands and manage project files
• Installing and using essential extensions like Prettier, Live Server, and Auto Rename Tag
• Basics of Git integration through the Source Control tab
• Introduction to debugging tools and setting breakpoints