AI Workshop: learn to build apps with AI →
VS Code Tips
A collection of tips, tricks, and advanced techniques to boost your productivity in VS Code

Join the AI Workshop and learn to build real-world apps with AI. A hands-on, practical program to level up your skills.


VS Code is already a powerful editor out of the box, but with the right configuration and knowledge of its features, you can supercharge your development workflow.

In this unit, you’ll learn practical tips and tricks that will help you:

  • Configure VS Code for optimal development
  • Master the integrated terminal
  • Use advanced editing features like regex search and replace
  • Set up automatic code formatting with Prettier
  • Configure language-specific settings
  • Use Emmet for lightning-fast HTML/CSS authoring
  • Debug your code efficiently

These tips come from real-world development experience and will help you become more productive with VS Code.

Lessons in this unit:

0: ▶︎ Introduction
1: Setup and Configuration Tips
2: Terminal Tips
3: Editing Tips
4: Prettier and Auto-Formatting
5: Language-Specific Settings
6: Emmet for Faster HTML/CSS
7: Debugging in VS Code
8: Fix node modules import errors in VS Code
9: Fixing TS issues in VS Code - Astro
10: Regex: select entire line starting with...