25 VS Code Productivity Tips and Speed Hacks

Learn 25 VS Code tips and tricks that will help you write code faster. Try out awesome new features and extensions that turn your editor into a full-blown IDE. https://fireship.io/pro

#vscode #learntocode #programming

Support me for $1 on github https://github.com/sponsors/codediodeio

🔗 Resources

VS Code https://code.visualstudio.com/ Remote Repositories https://code.visualstudio.com/blogs/2021/06/10/remote-repositories vim Tutorial https://youtu.be/-txKSRn0qeA

📚 Chapters

00:00 Intro 00:35 1. VS Code CLI 01:03 2. Release the Mouse 01:45 3. Command Palette Ctrl+P 02:10 4. Run Commands 02:25 5. Quokka 02:43 6. Find Symbols with @ 03:14 7. Find symbols with # 03:36 8. Move Around Quickly 04:07 9. Multiline Editing 04:23 10. Auto Rename Tag 04:47 11. Delete or move a line 05:16 12. Highlight & Comment Lines 05:39 13. JS Doc Extension 06:07 14. Better Comments 06:20 15. Integrated Terminal 07:14 16. Tasks 07:38 17. Git Source Control 08:26 18. Git Lens Extension 08:40 19. Remote Repositories 09:14 20. Remote SSH & Containers 09:31 21. Custom Snippets 10:01 22. Community Snippets 10:13 23. Auto-create directories 10:29 24. Paste as JSON 10:50 25. Rename Symbol

🤓 Install the quiz app

iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8 Android https://play.google.com/store/apps/details?id=io.fireship.quizapp

🔥 Watch more with Fireship PRO

Upgrade to Fireship PRO at https://fireship.io/pro Use code lORhwXd2 for 25% off your first payment.

🎨 My Editor Settings

• Atom One Dark
• vscode-icons
• Fira Code Font ... https://www.youtube.com/watch?v=ifTF3ags0XI