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