AWS S01 L05 Serverless Web Development Course — Visual Studio Code Configuration

📘 VISUAL STUDIO CODE CONFIGURATION In this video we configure Visual Studio Code for the AWS Serverless Web Development course. We install the core extensions used throughout the course and configure important editor settings so your development environment behaves consistently while following along. --- 🎯 IN THIS VIDEO - Installing React productivity extensions - Installing Live Preview - Installing Prettier - Installing TabOut - Opening VS Code settings on Mac and Windows - Configuring format on save - Setting Prettier as the default formatter - Enabling linked HTML editing - Configuring browser preview behaviour --- 🧩 EXTENSIONS INSTALLED - ES7+ React/Redux snippets - Live Preview - Prettier - TabOut --- ⚙️ SETTINGS CONFIGURED - editor.formatOnSave - editor.defaultFormatter - editor.linkedEditing - workbench.browser.openLocalhostLinks --- 💻 WHY THIS MATTERS Using the same editor setup throughout the course helps ensure: - consistent code formatting - matching editor behaviour - easier debugging - easier lesson follow-along --- 🌐 COURSE PORTAL https://richardbraycourses.co.uk --- 📂 COURSE REPOSITORY https://github.com/RichardBrayCourses/aws01-introduction --- 📘 AWS SERVERLESS WEB DEVELOPMENT COURSE Build complete real-world AWS applications using: React → TypeScript → Lambda → CDK → S3 → Aurora → Cognito → AI → DevOps