The Complete Guide: Visual Studio Code [VSCode] Edition

Discover how to customize VS Code themes, switch between dark plus and light themes, and manage trust prompts and the related global settings.

Learn the structure of the VS Code user interface, highlighting the activity bar, file explorer, status bar, and editors, plus how to customize icons, the layout, and command palette usage.

Explore how to install, find, and manage extensions in VS Code, discover popular extensions and extension packs, control per-workspace enablement, and understand dependencies and versioning for seamless development.

Configure VS Code and extensions by adjusting autosave, font size, tab size, trailing whitespace, and minimap, then manage user and workspace settings with settings.json.

Create and manage VSCode profiles to sync settings and extensions across devices, sign in with GitHub, configure settings sync, and export or import profiles for colleagues.

discover how to view and customize keyboard shortcuts in vscode by using the gear menu and keyboard shortcuts, filter by extension, and understand extension activation events and the when condition.

Explore how to read and configure Visual Studio Code status bar items, including line and column indicators, tab and encoding settings, line endings, and language associations for file types.

Learn file search in Visual Studio Code for multiple or single files, using match case, match whole word, glob patterns, and regular expressions, with include/exclude and gitignore-aware diff previews.

Explore the VS Code integrated terminal, create multiple terminals, and switch among terminal, debug console, output, and problems tabs. Set CMD or PowerShell as default and run commands across platforms.

Explore VS Code debugger layout, start debugging with F5, and use breakpoints, variables, call stacks, watches, the debug console, and launch.json for language-specific Python debugging.

Explore how the VS Code git integration works, from initializing a repo and staging changes to committing, discarding edits, and pushing to GitHub, with visual status indicators and diffs.

Learn to use Visual Studio Code with WSL, SSH targets, and containers to edit projects on Linux distros, Docker containers, or remote servers from Windows.

Explore creating a multi-root workspace in VS Code by adding folders from different locations, saving the workspace, and loading it later, while noting potential extension and task scope caveats.

Learn to navigate code in VSCode using breadcrumbs, outline, and shortcuts to jump to definitions, open files with ctrl p, search with ctrl f, and peek references.

Explore vscode code refactoring with quick fixes, including removing unnecessary assignments and renaming symbols using F2 with a preview, plus linting and import guidance across the project.

learn how to configure VS Code window layout for side-by-side editing, open multiple windows, manage tabs with close and pin options, and customize sidebars from the appearance settings.

Enable sticky scroll to keep the current function name or namespace visible at the top while scrolling code and in the file explorer, with configurable levels.

Discover how snippets and emmet abbreviations in VS Code speed up coding by generating sample code for languages like HTML, JavaScript, and C++, with live expansion and tab-through fields.

Learn to enable formatting in VS Code by selecting a default formatter like Prettier or Black, apply language-specific formatters, and use format on save with editor rulers.

Explore managing Visual Studio Code from the command line, including using code --install-extension, code --help, listing and uninstalling extensions, and opening folders with code .

Launch VS Code in browser via dot key or vscode.dev to browse GitHub repositories, view code, and use extensions, with Python extension available, and C plus plus extension not available.

Explore configuring C and C++ development in VS Code, an editor—not an IDE, by selecting GCC, Clang, or MSVC and using the Microsoft C/C++ extension for editing and debugging.

Learn how to compile and run a hello world example in VSCode using the C/C++ runner extension, supporting single or multi-file projects and starting debugging with breakpoints.

Learn to configure C/C++ in VSCode with the C/C++ config extension, generating clang format and clang tidy files. Set up gitignore, editorconfig, and format on save for consistent code.

Open your CMake project as the workspace root in VS Code, install the Microsoft CMake extension, generate config files, select a compiler, build targets, then run or debug.

Explore Python tooling in VS Code, including the Python extension with Pylance and interpreter selection. Learn to debug, use Jupyter, and apply formatters and linters like black, mypy, and ruff.

Generate python config files from the command palette and configure launch and tasks json for python projects. Use black or ruff, isort, mypy, and pyright with pre-commit and git configs.

Explore extensions and settings for rust in VS Code, including the rust analyzer, extension pack, cargo toml tools, and generate rust config files for debugging with launch.json.

Explore VS Code extensions for rust analyzer, manage dependencies in cargo.toml, view versions via hover, and run or debug with a launch.json generated by rust config, including unit tests.

Explore VS Code extensions and settings for JavaScript and TypeScript, including ESLint linting, import sorting, TypeScript importer, and paste json code to TypeScript interfaces, and built-in features.

Thank you for learning a lot about VS Code; I will update this course to include newest features as VS Code evolves, and I invite you to leave a review.