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=codeium.codeium"><imgwidth="100"src="https://open-vsx.org/vscode/asset/Codeium/codeium/1.1.55/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="Codeium: AI Coding Autocomplete for Python, Javascript, Typescript, Java, Go, and more"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=codeium.codeium">Codeium: AI Coding Autocomplete for Python, Javascript, Typescript, Java, Go, and more</a></h3>The modern coding superpower: free AI code completion plugin for your favorite languages. Type less. Code more. Ship faster. |
| <ahref="https://marketplace.visualstudio.com/items?itemName=kamikillerto.vscode-colorize"><imgwidth="100"src="https://open-vsx.org/vscode/asset/kamikillerto/vscode-colorize/0.11.1/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="colorize"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=kamikillerto.vscode-colorize">colorize</a></h3>A vscode extension to help visualize css colors in files. |
| <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.25.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=mikestead.dotenv"><imgwidth="100"src="https://open-vsx.org/vscode/asset/mikestead/dotenv/1.0.1/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="DotENV"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv">DotENV</a></h3>Support for dotenv file syntax |
| <ahref="https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint"><imgwidth="100"src="https://open-vsx.org/vscode/asset/dbaeumer/vscode-eslint/2.4.0/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=wix.vscode-import-cost"><imgwidth="100"src="https://open-vsx.org/vscode/asset/wix/vscode-import-cost/3.3.0/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="Import Cost"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost">Import Cost</a></h3>Display import/require package size in the editor |
| <ahref="https://marketplace.visualstudio.com/items?itemName=orta.vscode-jest"><imgwidth="100"src="https://open-vsx.org/vscode/asset/Orta/vscode-jest/5.2.3/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="Jest"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=orta.vscode-jest">Jest</a></h3>Use Facebook's Jest With Pleasure. |
| <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=pkief.material-icon-theme"><imgwidth="100"src="https://open-vsx.org/vscode/asset/PKief/material-icon-theme/4.26.0/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="Material Icon Theme"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=pkief.material-icon-theme">Material Icon Theme</a></h3>Material Design Icons for Visual Studio Code |
| <ahref="https://marketplace.visualstudio.com/items?itemName=unifiedjs.vscode-mdx"><imgwidth="100"src="https://open-vsx.org/vscode/asset/unifiedjs/vscode-mdx/1.3.0/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="MDX"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=unifiedjs.vscode-mdx">MDX</a></h3>Language support for MDX |
| <ahref="https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense"><imgwidth="100"src="https://open-vsx.org/vscode/asset/christian-kohler/npm-intellisense/1.4.4/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="npm Intellisense"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense">npm Intellisense</a></h3>Visual Studio Code plugin that autocompletes npm modules in import statements |
| <ahref="https://marketplace.visualstudio.com/items?itemName=techer.open-in-browser"><imgwidth="100"src="https://open-vsx.org/vscode/asset/techer/open-in-browser/2.0.0/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="open in browser"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=techer.open-in-browser">open in browser</a></h3>This allows you to open the current file in your default browser or application. |
| <ahref="https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense"><imgwidth="100"src="https://open-vsx.org/vscode/asset/christian-kohler/path-intellisense/2.8.0/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="Path Intellisense"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense">Path Intellisense</a></h3>Visual Studio Code plugin that autocompletes filenames |
| <ahref="https://marketplace.visualstudio.com/items?itemName=vunguyentuan.vscode-postcss"><imgwidth="100"src="https://open-vsx.org/vscode/asset/vunguyentuan/vscode-postcss/2.0.2/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="PostCSS Intellisense and Highlighting"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=vunguyentuan.vscode-postcss">PostCSS Intellisense and Highlighting</a></h3>Syntax highlighting and intellisense for PostCSS |
| <ahref="https://marketplace.visualstudio.com/items?itemName=fivethree.vscode-svelte-snippets"><imgwidth="100"src="https://open-vsx.org/vscode/asset/fivethree/vscode-svelte-snippets/0.5.0/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="Svelte 3 Snippets"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=fivethree.vscode-svelte-snippets">Svelte 3 Snippets</a></h3>Svelte 3 Snippets for VS Code |
| <ahref="https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode"><imgwidth="100"src="https://open-vsx.org/vscode/asset/svelte/svelte-vscode/107.3.0/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=robbowen.synthwave-vscode"><imgwidth="100"src="https://open-vsx.org/vscode/asset/RobbOwen/synthwave-vscode/0.1.15/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="SynthWave '84"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=robbowen.synthwave-vscode">SynthWave '84</a></h3>A Synthwave-inspired colour theme to satisfy your neon dreams |
| <ahref="https://marketplace.visualstudio.com/items?itemName=meganrogge.template-string-converter"><imgwidth="100"src="https://open-vsx.org/vscode/asset/meganrogge/template-string-converter/0.5.9/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="Template String Converter"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=meganrogge.template-string-converter">Template String Converter</a></h3>Converts a string to a template string when ${ is typed |
| <ahref="https://marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client"><imgwidth="100"src="https://open-vsx.org/vscode/asset/rangav/vscode-thunder-client/2.6.2/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"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.3.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=styled-components.vscode-styled-components"><imgwidth="100"src="https://open-vsx.org/vscode/asset/styled-components/vscode-styled-components/1.7.8/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal"alt="vscode-styled-components"> | <h3><ahref="https://marketplace.visualstudio.com/items?itemName=styled-components.vscode-styled-components">vscode-styled-components</a></h3>Syntax highlighting for styled-components |
| <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 |
