VS Code's productivity potential is vastly underutilized by most users who rely on mouse-based navigation instead of keyboard shortcuts and command palette features, which can dramatically accelerate coding workflows.
Visual Studio Code's CLI can be accessed via the code command, which requires manual installation on macOS through the Command Palette (Shell Command: Install 'code' command in PATH), while Windows and Linux installations typically add it automatically to the system PATH. Once configured, users can type code . in any folder to open it in VS Code.
Quokka.js is a free JavaScript/TypeScript playground extension that runs code and displays results inline in VS Code, developed by the Wallaby.js team. It provides rapid prototyping with access to project files, inline reporting, code coverage, and runtime values updated as you type. A commercial 'Pro' edition offers advanced features like displaying runtime values without code modification. Installation: Search for "WallabyJs.quokka-vscode" in the VS Code Extensions panel, then use Command Palette (Ctrl+Shift+P) and run "Quokka: New JavaScript File" to start.
The Remote Repositories extension (now called GitHub Repositories) allows browsing, searching, editing, and committing to any remote GitHub repository directly from VS Code without cloning. Published by GitHub (now Microsoft), it opens any GitHub or Azure Repos repository directly without requiring local cloning or maintenance. When committing changes, they're pushed directly to the remote repository, and every time you open a repository or branch, you get up-to-date sources from GitHub. Limitations include disabled features like tasks, debugging, and integrated terminals due to the virtual file system.
Auto Rename Tag automatically renames paired HTML and XML tags when one is edited. By default activated for all languages (["*"]), it can be configured via the auto-rename-tag.activationOnLanguage setting to specific languages like HTML, XML, PHP, and JavaScript. VS Code 1.44+ offers built-in Rename On Type support for HTML and Handlebars via the editor.renameOnType setting, which causes this extension to skip those file types.
GitLens is the most popular Git extension for VS Code with over 40 million installs (18 million reported in other sources). It's an open-source extension maintained by GitKraken that supercharges Git inside VS Code, providing Git blame annotations, CodeLens, repository navigation, and visualizations. The free Community edition includes in-editor blame annotations, hovers, and CodeLens with actionable authorship details. GitLens Pro unlocks advanced features including a Home View for PRs/issues/branches, Commit Graph with rebase/merge capabilities, powerful search/filtering, and integrations with GitHub, GitLab, and Bitbucket. GitHub repository: https://github.com/gitkraken/vscode-gitlens
The "Paste JSON as Code" extension (powered by quicktype) converts JSON into type-safe code for languages including Go, TypeScript, C#, C++, Swift, and more. Usage: Copy JSON to clipboard, open Command Palette (Cmd+Shift+P), run "Paste JSON as Code", and enter a top-level type name. Marketplace ID: quicktype.quicktype. Compared to VS Code's built-in "Paste JSON as Classes" feature, quicktype automatically adds JsonProperty names, enhanced partial classes, better parameter names, full class/namespace structure, and helper classes.
Better Comments enriches code comments by introducing customizable comment tags beyond conventional syntax, adding semantic meaning to annotations. It categorizes comments into alerts (!), highlights (*), questions (?), TODOs, and strikethrough, with full customization of colors, bold, italic, and underline styling via settings.json. Users can create custom comment styles/tags in the settings. Marketplace ID: aaron-bond.better-comments.
VS Code tasks are defined in a tasks.json file (located in .vscode folder) that allows automation of repetitive commands ranging from simple compilation to complex multi-step workflows. Tasks support variable substitution for predefined variables like ${file} (active file) and ${workspaceFolder} (workspace root), though only command, args, and options properties accept variable substitution. Tasks can depend on other tasks, enabling creation of compound tasks that execute multiple commands in sequence. Access via Command Palette: "Tasks: Run Task" or "Tasks: Configure Tasks".
Most developers waste time clicking through VS Code menus when keyboard shortcuts and command palette features could accelerate their workflow by orders of magnitude.