VS Code Tutorial – Become More Productive

In this full Visual Studio Code course, you will learn how to use built-in features, the best settings/extensions, and workflows to make yourself more productive.

✏️ Course developed by @ChrisSev_

⭐️ Contents ⭐️
⌨️ (0:00:00) 01: Welcome to Productive VS Code
⌨️ (0:01:49) 02: How I Use VS Code To Be Productive
⌨️ (0:05:42) 03: Installing VS Code
⌨️ (0:07:31) 04: A Tour of VS Code's UI
⌨️ (0:11:34) 05: VS Code's #1 Essential Tool: The Command Palette
⌨️ (0:15:31) 06: VS Code Themes and Icon Themes
⌨️ (0:22:26) 07: 20 Best VS Code Themes
⌨️ (0:32:02) 08: VS Code Fonts and Important Font Settings
⌨️ (0:42:14) 09: My 5 Favorite Coding Fonts
⌨️ (0:48:16) 10: Important VS Code Appearance Settings
⌨️ (0:54:52) 11: Intro to Get to Know VS Code
⌨️ (0:55:52) 12: VS Code's Explorer: Your Home Base
⌨️ (1:03:52) 13: VS Code's Editor Area: Where Magic Happens
⌨️ (1:13:46) 14: VS Code's IntelliSense: The Smartest Helper
⌨️ (1:21:49) 15: Find and Replace All the Things in VS Code
⌨️ (1:30:25) 16: Refactoring in VS Code
⌨️ (1:34:23) 17: Extensions and Customization in VS Code
⌨️ (1:41:18) 18: Settings Sync in VS Code
⌨️ (1:42:21) 19: Using Snippets in VS Code
⌨️ (1:51:40) 20: Using Emmet in VS Code
⌨️ (1:57:03) 21: VS Code's Command Line Tools
⌨️ (2:00:09) 22: Get Started w/ HTML & CSS in VS Code
⌨️ (2:11:35) 23: 5 Best HTML/CSS Extensions for VS Code
⌨️ (2:20:13) 24: Using node and npm in VS Code
⌨️ (2:28:48) 25: Using JavaScript in VS Code
⌨️ (2:37:29) 26: Using ESLint in VS Code
⌨️ (2:45:52) 27: The Best JavaScript Extensions for VS Code
⌨️ (2:52:46) 28: Using React in VS Code + 2 Best Extensions
⌨️ (3:13:58) 30: Using Tailwind in VS Code + 3 Best Extensions
⌨️ (3:21:48) 31: Using Markdown in VS Code + 3 Best Extensions
⌨️ (3:30:12) 32: PHP and Laravel in VS Code + 7 Best Extensions
⌨️ (3:38:28) 33: Quick Ways to Make VS Code Look Good
⌨️ (3:44:34) 34: The Starting Point for VS Code Workflows
⌨️ (3:47:53) 35: Minimalism in VS Code
⌨️ (3:58:01) 36: Using the Terminal in VS Code
⌨️ (4:03:53) 37: Using Git and GitHub in VS Code
⌨️ (4:16:29) 38: 5 Best Git Extensions for VS Code
⌨️ (4:23:53) 39: Using Multiple Projects in VS Code
⌨️ (4:34:06) 40: Autosave and Autoformat in VS Code: An Awesome Combo
⌨️ (4:41:39) 41: Get a Browser in VS Code with Browser Preview
⌨️ (4:46:15) 42: Getting Started w/ Keyboard Shortcuts in VS Code
⌨️ (4:53:02) 43: Basic Editing Shortcuts in VS Code
⌨️ (4:57:52) 44: Navigating Around VS Code w/ Keyboard Shortcuts
⌨️ (5:03:48) 45: Multi Cursor: My Favorite Feature
⌨️ (5:12:18) 46: Keyboard Shortcuts for VS Code's UI
⌨️ (5:16:14) 47: Keyboard Shortcuts Cheat Sheet for VS Code
⌨️ (5:17:35) 48: GitHub Pull Requests and Issues in VS Code
⌨️ (5:27:43) 49: Editing GitHub Remote Repos in VS Code
⌨️ (5:30:55) 50: Calling APIs in VS Code
⌨️ (5:35:41) 51: Vim in VS Code: Blazing Fast
⌨️ (5:44:24) 52: Artificial Intelligence Coding Helpers in VS Code
⌨️ (5:52:59) 53: Right Sidebar in VS Code is Weird but Cool
⌨️ (5:54:23) 54: Outro to Productive VS Code

🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama

--

[hooooman.]

I never ever expected I would see a 6hr tutorial just for VS code💀

[Max_Alive]

Everyone complaining about the length of the video.
There are 54 chapters, you can skip the ones, you don't need.

[forexsanjose]

with someone explaining such powerful and fun tools in such an elegant manner, such patient tone, I’m deeply loved, if not spoiled 😅

[victorialauri]

This is by far the most useful VSCode tutorial I have come across - it is invaluable for those just starting to code. It has helped me get my head around all the different features of this app and gave me confidence in using it. Thank you so much for all your time and effort creating this!

[nicolasg.b.]

The timing of this video is incredible

[fakedevdutt]

Yes bud thanks learned and got to know many new things not only about VS Code but about other things too man! Thanks a BUNCH!
I just spent a whole day learning this all things but i am damn sure this will save a lot of my time in future.

[homeofcreation]

Excellent work! The work Smarter VS Code Mega Mousepad is also very helpful

[tntgames]

Hello, That was an excellent course... so many tools and tricks... in fact, more than I expected... Thank you very much...

I'm going to try the bar on the right... hehe 🙂

[mansbjork]

This chanel always uploads just what I need!

[BloodySweetBadass]

Half an hour ago when I thought I needed one🤔 and thought of searching YouTube🤗, 18 mins later it's here. How do u guys do this ? . Mad respect and love 😍

[ilikeherculepoirot]

The exact time!!! I was watching vs code magic tricks by fireship when a notification about this video came.

[CreepToeJoe]

Awesome! Just the course I needed for when I'm not on any course.

[ReachSuryansh]

This Course is very helpful Thank you so much.

[SamB]

This is exactly what I needed. Thank you so much.🌞

[Konko]

Thank you! Trying to get to a midlevel role 😊

[bhargav]

Please put such detail video for visual studio also !! Much needed!!

[KayderimGameplays]

Amazing! Thank you so much for this one

[ahmedkane]

Thank you so much for this opportunity and for giving us an opportunity to learn more about VS code and programming ❤

[mathieuthiry]

Great the course about vscode I missed. Really exhaustive

[jackieli]

Thank you for your extraordinary work!!!🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩