VS Code Tutorial – Become More Productive

Published: 04 October 2023
on channel: freeCodeCamp.org
328,689
11k

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:   / 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


Watch video VS Code Tutorial – Become More Productive online without registration, duration hours minute second in high quality. This video was added by user freeCodeCamp.org 04 October 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 328,68 once and liked it 11 thousand people.