VS Code Complete Guide 💻

Developer Setup + Shortcuts + Extensions

1. What is VS Code?

Visual Studio Code is a free, lightweight code editor made by Microsoft used for web development, backend, and full-stack projects.

2. Features

IntelliSense (auto suggestions)
Built-in terminal
Git integration
Extensions support
Debugging tools

3. Important Shortcuts

Ctrl + S → Save file  
Ctrl + / → Comment code  
Ctrl + C → Copy  
Ctrl + V → Paste  
Ctrl + ` → Terminal  
Ctrl + P → Quick file open

4. Best Extensions

- Live Server
- Prettier (Code Formatter)
- ESLint
- Tailwind CSS IntelliSense
- GitLens

5. Live Server Usage

1. Install Live Server
2. Right click HTML file
3. Click "Open with Live Server"

6. VS Code Terminal

node app.js
npm install express
git status

7. Project Setup

my-project/
 ├── index.html
 ├── style.css
 ├── script.js
 ├── backend/

8. Pro Tips

Always use folders for projects
Use Prettier for clean code
Use Git for version control
Keep terminal open while coding