Chapters (54)
- 0:0001: Welcome to Productive VS Code
- 1:4902: How I Use VS Code To Be Productive
- 5:4203: Installing VS Code
- 7:3104: A Tour of VS Code's UI
- 11:3405: VS Code's #1 Essential Tool: The Command Palette
- 15:3106: VS Code Themes and Icon Themes
- 22:2607: 20 Best VS Code Themes
- 32:0208: VS Code Fonts and Important Font Settings
- 42:1409: My 5 Favorite Coding Fonts
- 48:1610: Important VS Code Appearance Settings
- 54:5211: Intro to Get to Know VS Code
- 55:5212: VS Code's Explorer: Your Home Base
- 1:03:5213: VS Code's Editor Area: Where Magic Happens
- 1:13:4614: VS Code's IntelliSense: The Smartest Helper
- 1:21:4915: Find and Replace All the Things in VS Code
- 1:30:2516: Refactoring in VS Code
- 1:34:2317: Extensions and Customization in VS Code
- 1:41:1818: Settings Sync in VS Code
- 1:42:2119: Using Snippets in VS Code
- 1:51:4020: Using Emmet in VS Code
- 1:57:0321: VS Code's Command Line Tools
- 2:00:0922: Get Started w/ HTML & CSS in VS Code
- 2:11:3523: 5 Best HTML/CSS Extensions for VS Code
- 2:20:1324: Using node and npm in VS Code
- 2:28:4825: Using JavaScript in VS Code
- 2:37:2926: Using ESLint in VS Code
- 2:45:5227: The Best JavaScript Extensions for VS Code
- 2:52:4628: Using React in VS Code + 2 Best Extensions
- 3:06:1429: Using Vue.js in VS Code + 3 Best Extensions
- 3:13:5830: Using Tailwind in VS Code + 3 Best Extensions
- 3:21:4831: Using Markdown in VS Code + 3 Best Extensions
- 3:30:1232: PHP and Laravel in VS Code + 7 Best Extensions
- 3:38:2833: Quick Ways to Make VS Code Look Good
- 3:44:3434: The Starting Point for VS Code Workflows
- 3:47:5335: Minimalism in VS Code
- 3:58:0136: Using the Terminal in VS Code
- 4:03:5337: Using Git and GitHub in VS Code
- 4:16:2938: 5 Best Git Extensions for VS Code
- 4:23:5339: Using Multiple Projects in VS Code
- 4:34:0640: Autosave and Autoformat in VS Code: An Awesome Combo
- 4:41:3941: Get a Browser in VS Code with Browser Preview
- 4:46:1542: Getting Started w/ Keyboard Shortcuts in VS Code
- 4:53:0243: Basic Editing Shortcuts in VS Code
- 4:57:5244: Navigating Around VS Code w/ Keyboard Shortcuts
- 5:03:4845: Multi Cursor: My Favorite Feature
- 5:12:1846: Keyboard Shortcuts for VS Code's UI
- 5:16:1447: Keyboard Shortcuts Cheat Sheet for VS Code
- 5:17:3548: GitHub Pull Requests and Issues in VS Code
- 5:27:4349: Editing GitHub Remote Repos in VS Code
- 5:30:5550: Calling APIs in VS Code
- 5:35:4151: Vim in VS Code: Blazing Fast
- 5:44:2452: Artificial Intelligence Coding Helpers in VS Code
- 5:52:5953: Right Sidebar in VS Code is Weird but Cool
- 5:54:2354: Outro to Productive VS Code
Show the creator's full description
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
❤️ Support for this channel comes from our friends at Scrimba – the coding platform that's reinvented interactive learning: https://scrimba.com/freecodecamp
Description and video by freeCodeCamp.org. This page is an independent companion view; the video is embedded from YouTube.