Here are a list of all the extensions I use. This is an ever-changing setup, so if you saw me use something in a video or screenshot, it might be in this list!
| <ahref="https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments"><imgwidth="100"src="https://open-vsx.org/vscode/asset/aaron-bond/better-comments/3.0.2/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="Better Comments"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments">Better Comments</a></h3>Improve your code commenting by annotating with alert, informational, TODOs, and more! |
| <ahref="https://marketplace.visualstudio.com/items?itemName=bungcip.better-toml"><imgwidth="100"src="https://open-vsx.org/vscode/asset/bungcip/better-toml/0.3.2/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="Better TOML"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=bungcip.better-toml">Better TOML</a></h3>Better TOML Language support |
| <ahref="https://marketplace.visualstudio.com/items?itemName=biomejs.biome"><imgwidth="100"src="https://open-vsx.org/vscode/asset/biomejs/biome/2.3.0/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="Biome"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=biomejs.biome">Biome</a></h3>Toolchain of the web |
| <ahref="https://marketplace.visualstudio.com/items?itemName=matthewpi.caddyfile-support"><imgwidth="100"src="https://open-vsx.org/vscode/asset/matthewpi/caddyfile-support/0.4.0/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="Caddyfile Support"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=matthewpi.caddyfile-support">Caddyfile Support</a></h3>Rich Caddyfile support for Visual Studio Code |
| <ahref="https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2"><imgwidth="100"src="https://open-vsx.org/vscode/asset/wesbos/theme-cobalt2/2.4.3/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="Cobalt2 Theme Official"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2">Cobalt2 Theme Official</a></h3>🔥 Official theme by Wes Bos. |
| <ahref="https://marketplace.visualstudio.com/items?itemName=codeium.codeium"><imgwidth="100"src="https://open-vsx.org/vscode/asset/Codeium/codeium/1.16.13/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="Codeium: AI Coding Autocomplete and Chat for Python, Javascript, Typescript, Java, Go, and more"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=codeium.codeium">Codeium: AI Coding Autocomplete and Chat for Python, Javascript, Typescript, Java, Go, and more</a></h3>The modern coding superpower: free AI code acceleration plugin for your favorite languages. Type less. Code more. Ship faster. |
| <ahref="https://marketplace.visualstudio.com/items?itemName=bierner.color-info"><imgwidth="100"src="https://open-vsx.org/vscode/asset/bierner/color-info/0.7.2/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="Color Info"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=bierner.color-info">Color Info</a></h3>Provides quick information about css colors |
| <ahref="https://marketplace.visualstudio.com/items?itemName=vivaxy.vscode-conventional-commits"><imgwidth="100"src="https://open-vsx.org/vscode/asset/vivaxy/vscode-conventional-commits/1.26.0/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="Conventional Commits"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=vivaxy.vscode-conventional-commits">Conventional Commits</a></h3>💬Conventional Commits for VSCode. |
| <ahref="https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-docker"><imgwidth="100"src="https://open-vsx.org/vscode/asset/ms-azuretools/vscode-docker/1.29.2/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="Docker"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-docker">Docker</a></h3>Makes it easy to create, manage, and debug containerized applications. |
| <ahref="https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint"><imgwidth="100"src="https://open-vsx.org/vscode/asset/dbaeumer/vscode-eslint/2.4.4/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="ESLint"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint">ESLint</a></h3>Integrates ESLint JavaScript into VS Code. |
| <ahref="https://marketplace.visualstudio.com/items?itemName=github.github-vscode-theme"><imgwidth="100"src="https://open-vsx.org/vscode/asset/GitHub/github-vscode-theme/6.3.4/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="GitHub Theme"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=github.github-vscode-theme">GitHub Theme</a></h3>GitHub theme for VS Code |
| <ahref="https://marketplace.visualstudio.com/items?itemName=inlang.vs-code-extension"><imgwidth="100"src="https://cdn.vsassets.io/v/M213_20221206.3/_content/Header/default_icon_128.png"alt="inlang – i18n supercharged"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=inlang.vs-code-extension">inlang – i18n supercharged</a></h3>Supercharge i18n within VS Code — Visualize, edit & lint translated strings at a glance via Inline Decorations & Hover Support, and extract new strings with a single click. |
| <ahref="https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup"><imgwidth="100"src="https://cdn.vsassets.io/v/M213_20221206.3/_content/Header/default_icon_128.png"alt="Level Up Theme Official"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup">Level Up Theme Official</a></h3>➕ Official theme of Level Up Tutorials ➕ |
| <ahref="https://marketplace.visualstudio.com/items?itemName=darkriszty.markdown-table-prettify"><imgwidth="100"src="https://open-vsx.org/vscode/asset/darkriszty/markdown-table-prettify/3.6.0/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="Markdown Table Prettifier"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=darkriszty.markdown-table-prettify">Markdown Table Prettifier</a></h3>Transforms markdown tables to be more readable. |
| <ahref="https://marketplace.visualstudio.com/items?itemName=csstools.postcss"><imgwidth="100"src="https://open-vsx.org/vscode/asset/csstools/postcss/1.0.8/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="PostCSS Language Support"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=csstools.postcss">PostCSS Language Support</a></h3>Syntax highlighting for modern and experimental CSS in VSCode |
| <ahref="https://marketplace.visualstudio.com/items?itemName=yoavbls.pretty-ts-errors"><imgwidth="100"src="https://open-vsx.org/vscode/asset/yoavbls/pretty-ts-errors/0.5.3/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="Pretty TypeScript Errors"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=yoavbls.pretty-ts-errors">Pretty TypeScript Errors</a></h3>Make TypeScript errors prettier and more human-readable in VSCode |
| <ahref="https://marketplace.visualstudio.com/items?itemName=prisma.prisma"><imgwidth="100"src="https://open-vsx.org/vscode/asset/Prisma/prisma/5.19.1/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="Prisma"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=prisma.prisma">Prisma</a></h3>Adds syntax highlighting, formatting, auto-completion, jump-to-definition and linting for .prisma files. |
| <ahref="https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode"><imgwidth="100"src="https://open-vsx.org/vscode/asset/svelte/svelte-vscode/109.0.1/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="Svelte for VS Code"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode">Svelte for VS Code</a></h3>Svelte language support for VS Code |
| <ahref="https://marketplace.visualstudio.com/items?itemName=syntaxfm.syntaxfm"><imgwidth="100"src="https://cdn.vsassets.io/v/M213_20221206.3/_content/Header/default_icon_128.png"alt="SyntaxFM"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=syntaxfm.syntaxfm">SyntaxFM</a></h3>The official Syntax Podcast color theme |
| <ahref="https://marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client"><imgwidth="100"src="https://cdn.vsassets.io/v/M213_20221206.3/_content/Header/default_icon_128.png"alt="Thunder Client"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client">Thunder Client</a></h3>Lightweight Rest API Client for VS Code |
| <ahref="https://marketplace.visualstudio.com/items?itemName=gruntfuggly.todo-tree"><imgwidth="100"src="https://open-vsx.org/vscode/asset/Gruntfuggly/todo-tree/0.0.215/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="Todo Tree"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=gruntfuggly.todo-tree">Todo Tree</a></h3>Show TODO, FIXME, etc. comment tags in a tree view |
| <ahref="https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons"><imgwidth="100"src="https://open-vsx.org/vscode/asset/vscode-icons-team/vscode-icons/12.9.0/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="vscode-icons"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons">vscode-icons</a></h3>Icons for Visual Studio Code |
| <ahref="https://marketplace.visualstudio.com/items?itemName=wooodhead.vscode-wrap-console-log-simple"><imgwidth="100"src="https://cdn.vsassets.io/v/M213_20221206.3/_content/Header/default_icon_128.png"alt="Wrap Console Log Simple"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=wooodhead.vscode-wrap-console-log-simple">Wrap Console Log Simple</a></h3>Wrap to console.log(or any function name) by word or selection |
