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_ Chris on Twitter: https://twitter.com/chris__sev

⭐️ 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:06:14) 29: Using Vue.js in VS Code + 3 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

Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news