68 VS Code Extensions I Use: What They Do and Where to Get Them
These are the 68 extensions installed in my current VS Code profile when I made this list on November 7, 2026. I grouped them by what I use them for and added a short description and a link to each Visual Studio Marketplace page. Where the Marketplace provides an icon, it is shown beside the extension name.
The list describes what is installed in this VS Code profile, not a recommendation to install everything. Some extensions overlap; pick the ones that fit your own workflow.
Languages, frameworks, and code editing
| Icon | Extension | What it does |
|---|---|---|
| Astro | Adds Astro language support and editor features for .astro files. | |
| pug | Provides snippets for Pug/Jade templates. | |
| — | TOML Language Support | Adds syntax highlighting and language support for TOML files. No Marketplace icon is listed. |
| XML Tools | Provides XML formatting, XQuery, and XPath tools. | |
| Handlebars Preview | Previews Handlebars templates. | |
| ES7+ React/Redux/React-Native snippets | Inserts ready-made JavaScript and TypeScript snippets for React, Redux, and React Native. | |
| Tailwind CSS IntelliSense | Adds Tailwind class completion, hover information, and related editor features. | |
| ESLint | Integrates ESLint diagnostics and fixes into the editor. | |
| Prettier - Code formatter | Formats supported files with Prettier. | |
| Prettier - Code formatter (Rust) | Adds Rust formatting through a Prettier-style formatter. | |
| markdownlint | Reports Markdown style issues and helps keep documents consistent. | |
| YAML | Adds YAML editing support, including Kubernetes syntax. | |
| Python | Adds Python language support and connects to tools for IntelliSense, debugging, testing, and more. | |
| Pylance | Provides Python language-server features such as fast analysis and editor intelligence. | |
| Python Debugger | Debugs Python programs with debugpy. | |
| Python Environments | Helps discover and manage Python environments for projects. | |
| C# | Adds base language support for C#. | |
| C# Dev Kit | Adds a richer C# development workflow on top of the C# extension. | |
| .NET Install Tool | Installs and manages .NET SDK and runtime versions required by extensions. | |
| PowerShell | Supports PowerShell scripting and module development. | |
| Ren’Py Language (Official) | Adds language support for Ren’Py visual-novel projects. | |
| GTA SA Moonloader | Adds Lua language support for GTA San Andreas Moonloader scripts. | |
| Tauri | Adds tools for developing Tauri applications. |
Git, coding workflow, and project tools
| Icon | Extension | What it does |
|---|---|---|
| Better Comments | Highlights comment categories such as alerts, questions, TODOs, and notes. | |
| Code Runner | Runs code snippets or files in many supported programming languages. | |
| npm Intellisense | Autocompletes npm package names in import statements. | |
| GitLens | Adds Git blame, history, comparisons, and repository insights inside VS Code. | |
| Git History | Browses Git logs and file history, and compares branches or commits. | |
| Git Graph | Displays repository history as a graph and provides Git actions. | |
| Git Blame | Shows Git blame information for lines in a file. | |
| git emoji message | Helps add an emoji prefix to Git commit messages. | |
| GitHub Actions | Works with GitHub Actions workflows and runs from VS Code. | |
| WakaTime | Tracks coding activity and generates time and productivity metrics. | |
| Import Cost | Shows the estimated size of imported packages in the editor. | |
| MinifyAll | Minifies supported files such as JSON, CSS, HTML, and JavaScript. | |
| Headwind | Sorts Tailwind CSS class names according to its opinionated ordering. | |
| DotENV | Adds syntax support for .env files. | |
| Rainbow CSV | Colors CSV/TSV columns and can run SQL-like queries on tabular text. | |
| Postman | Creates and runs API requests and collections from the editor. | |
| Thunder Client | Provides a lightweight REST API client inside VS Code. | |
| MongoDB for VS Code | Connects to MongoDB and Atlas, browses data, and supports query playgrounds. | |
| Cline | An IDE coding agent that can edit files, run commands, and use tools with user approval. |
Previews, local servers, and visual tools
| Icon | Extension | What it does |
|---|---|---|
| PDF Preview | Opens PDF documents in a VS Code preview. | |
| Live Preview | Serves a workspace locally so you can preview web pages as you work. | |
| Live Server | Starts a local development server with live reload for web projects. | |
| — | Auto-Open Markdown Preview | Automatically opens the Markdown preview when a Markdown file is opened. No Marketplace icon is listed. |
| open in browser | Opens the current file in a browser or its default application. | |
| Drawio Preview | Previews diagrams made with draw.io in VS Code. | |
| SVG | Combines SVG editing, preview, formatting, and minification tools. | |
| Svg Preview | Previews SVG files. | |
| Image preview | Shows image previews in the editor gutter and on hover. | |
| Font Preview | Previews font files in VS Code. | |
| audio-preview | Plays and previews audio formats such as WAV, MP3, OGG, AAC, and FLAC. | |
| Polacode | Creates shareable, framed images of code snippets. |
Themes, icons, and small quality-of-life extensions
| Icon | Extension | What it does |
|---|---|---|
| Monokai Pro | Provides editor color themes and an icon theme. | |
| JellyFish-x-Retro Theme | Adds a retro-inspired VS Code theme. | |
| SynthWave ‘84 | Applies a neon synthwave-inspired color theme. | |
| Palenight Theme | Adds a Material-inspired editor theme. | |
| Emoji File Icons | Uses emoji-based icons for files and folders in the Explorer. | |
| Base16 Terminal | Adds Base16 color themes for the integrated terminal. | |
| Custom CSS and JS Loader | Loads custom CSS and JavaScript into the VS Code interface. | |
| :emojisense: | Suggests emoji while typing emoji names in supported contexts. | |
| Auto Close Tag | Automatically inserts a matching closing HTML/XML tag. | |
| Auto Rename Tag | Renames the paired HTML/XML tag when one tag changes. | |
| Faaahhhh Error Sound | Plays a sound effect when errors appear in code or the terminal. | |
| Funny Terminal Error Sound | Plays a sound when a terminal command fails. | |
| In Your Face | Shows an animated reaction related to the number of code errors. | |
| Sexy Hooks | Provides React hook snippets for functional components. |
Links and notes
- Browse the Visual Studio Marketplace
- Installed extension IDs can be listed from a VS Code terminal with
code --list-extensions; add--show-versionsto include installed versions. - Extension icons are loaded from the Visual Studio Marketplace CDN, so they may change if a publisher updates an icon or removes an extension.