Shellnut_Public/dotfiles
1
0
Fork 0
mirror of https://github.com/BradNut/dotfiles synced 2025-09-08 17:40:19 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Updating vscode and extensions and adding intellij plugins.

Browse source
This commit is contained in:
Bradley Shellnut 2023-04-18 16:23:08 -07:00
parent 1283da632e
commit 5f671a5898
4 changed files with 132 additions and 89 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
.vscode/settings.json vendored Normal file
View file

@ -0,0 +1,3 @@
{
"cSpell.words": ["dotfiles"]
}

66
get-extensions.js
View file

@ -18,35 +18,38 @@ async function getExtensions() {
// zoom out // zoom out
vscode.webFrame.setZoomLevel(-10); vscode.webFrame.setZoomLevel(-10);
const seconds = 5; const seconds = 5;
console.log(`You have ${seconds} seconds to scroll your list up and down as much as possible!`); console.log(
`You have ${seconds} seconds to scroll your list up and down as much as possible!`
);
const allExtensions = []; const allExtensions = [];
const interval = setInterval(function() { const interval = setInterval(function () {
allExtensions.push(...getVisibleExtensions()); allExtensions.push(...getVisibleExtensions());
console.log('KEEP SCROLLING!'); console.log("KEEP SCROLLING!");
}, 300); }, 300);
return new Promise((resolve) => { return new Promise((resolve) => {
setTimeout(() => { setTimeout(() => {
console.log('PHEW DONE!'); console.log("PHEW DONE!");
clearInterval(interval); clearInterval(interval);
vscode.webFrame.setZoomLevel(-1); vscode.webFrame.setZoomLevel(-1);
console.log(allExtensions.length, 'captured'); console.log(allExtensions.length, "captured");
const unique = uniqueBy(allExtensions, 'id'); const unique = uniqueBy(allExtensions, "id");
console.log(unique.length, 'unique'); console.log(unique.length, "unique");
resolve(unique) resolve(unique);
}, seconds * 1000); }, seconds * 1000);
}); });
} }
function getVisibleExtensions() { function getVisibleExtensions() {
const extensions = Array.from(document.querySelectorAll('.extensions-list .monaco-list-row')).map(function (row) { const extensions = Array.from(
let icon = row.querySelector('.icon').src; document.querySelectorAll(".extensions-list .monaco-list-row")
const title = row.querySelector('span.name').textContent; ).map(function (row) {
const description = row.querySelector('.description').textContent; let icon = row.querySelector(".icon").src;
const title = row.querySelector("span.name").textContent;
const description = row.querySelector(".description").textContent;
const id = row.dataset.extensionId; const id = row.dataset.extensionId;
if (icon.startsWith('vscode-file')) { if (icon.startsWith("vscode-file")) {
icon = `https://cdn.vsassets.io/v/M213_20221206.3/_content/Header/default_icon_128.png`; icon = `https://cdn.vsassets.io/v/M213_20221206.3/_content/Header/default_icon_128.png`;
} }
@ -54,19 +57,23 @@ function getVisibleExtensions() {
icon, icon,
title, title,
description, description,
id id,
} };
}); });
return extensions; return extensions;
} }
function makeLink(id) { function makeLink(id) {
return `https://marketplace.visualstudio.com/items?itemName=${id}` return `https://marketplace.visualstudio.com/items?itemName=${id}`;
} }
function makeMarkdownTable(extensions) { function makeMarkdownTable(extensions) {
const rows = extensions.map(extension => { const rows = extensions.map((extension) => {
return `| <a href="${makeLink(extension.id)}"><img width="100" src="${extension.icon}" alt="${extension.title}"> | <h3><a href="${makeLink(extension.id)}">${extension.title}</a></h3>${extension.description} |` return `| <a href="${makeLink(extension.id)}"><img width="100" src="${
extension.icon
}" alt="${extension.title}"> | <h3><a href="${makeLink(extension.id)}">${
extension.title
}</a></h3>${extension.description} |`;
}); });
const markdownTable = `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! const markdownTable = `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!
@ -74,26 +81,25 @@ function makeMarkdownTable(extensions) {
| ×××××× | | | ×××××× | |
| --- | --- | | --- | --- |
${rows.join(`\n`)} ${rows.join(`\n`)}
` `;
return markdownTable; return markdownTable;
} }
function uniqueBy(arr, key) { function uniqueBy(arr, key) {
let seen = new Set() let seen = new Set();
return arr.filter(it => { return arr.filter((it) => {
let val = it[key] let val = it[key];
if (seen.has(val)) { if (seen.has(val)) {
return false return false;
} else { } else {
seen.add(val) seen.add(val);
return true return true;
} }
}) });
} }
const extensions = await getExtensions(); const extensions = await getExtensions();
console.info(extensions.length, 'Found!'); console.info(extensions.length, "Found!");
const markdown = makeMarkdownTable(extensions); const markdown = makeMarkdownTable(extensions);
console.info('please run copy(markdown) to get the markdown in your clipboard') console.info("please run copy(markdown) to get the markdown in your clipboard");

32
intellij-plugins.md Normal file
View file

@ -0,0 +1,32 @@
# List of all the plugins I use.
## Code Editing
- [Codeium](https://plugins.jetbrains.com/plugin/20540-codeium)
## Code Tools
- [Rainbow Brackets](https://plugins.jetbrains.com/plugin/10080-rainbow-brackets)
- [JPA Buddy](https://plugins.jetbrains.com/plugin/15075-jpa-buddy)
## Code Quality
- [CheckStyle-IDEA](https://plugins.jetbrains.com/plugin/1065-checkstyle-idea)
- [SonarLint](https://plugins.jetbrains.com/plugin/7973-sonarlint)
## Framework
- [Svelte](https://plugins.jetbrains.com/plugin/12375-svelte)
## Productivity
- [GitToolBox](https://plugins.jetbrains.com/plugin/7499-gittoolbox)
## Theme
- [Material Theme UI](https://plugins.jetbrains.com/plugin/8006-material-theme-ui)
- [Visual Studio Code Dark Plus Theme](https://plugins.jetbrains.com/plugin/12255-visual-studio-code-dark-plus-theme)
## Tools Integration
- [Docker](https://plugins.jetbrains.com/plugin/7724-docker)

30
vs-code-extensions-i-use.md
View file

@ -1,30 +1,32 @@
Here are a list of all the extensions I use. This is an ever-changing setup! 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!
| ×××××× | | | ×××××× | |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <a href="https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag"><img width="100" src="https://open-vsx.org/vscode/asset/formulahendry/auto-rename-tag/0.1.10/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Auto Rename Tag"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag">Auto Rename Tag</a></h3>Auto rename paired HTML/XML tag | | <a href="https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag"><img width="100" src="https://open-vsx.org/vscode/asset/formulahendry/auto-rename-tag/0.1.10/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Auto Rename Tag"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag">Auto Rename Tag</a></h3>Auto rename paired HTML/XML tag |
| <a href="https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments"><img width="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><a href="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! | | <a href="https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments"><img width="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><a href="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! |
| <a href="https://marketplace.visualstudio.com/items?itemName=coenraads.bracket-pair-colorizer-2"><img width="100" src="https://open-vsx.org/vscode/asset/CoenraadS/bracket-pair-colorizer-2/0.1.4/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Bracket Pair Colorizer 2"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=coenraads.bracket-pair-colorizer-2">Bracket Pair Colorizer 2</a></h3>A customizable extension for colorizing matching brackets | | <a href="https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker"><img width="100" src="https://open-vsx.org/vscode/asset/streetsidesoftware/code-spell-checker/2.20.4/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Code Spell Checker"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker">Code Spell Checker</a></h3>Spelling checker for source code |
| <a href="https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker"><img width="100" src="https://open-vsx.org/vscode/asset/streetsidesoftware/code-spell-checker/2.12.0/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Code Spell Checker"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker">Code Spell Checker</a></h3>Spelling checker for source code | | <a href="https://marketplace.visualstudio.com/items?itemName=codeium.codeium"><img width="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><a href="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. |
| <a href="https://marketplace.visualstudio.com/items?itemName=kamikillerto.vscode-colorize"><img width="100" src="https://open-vsx.org/vscode/asset/kamikillerto/vscode-colorize/0.11.1/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="colorize"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=kamikillerto.vscode-colorize">colorize</a></h3>A vscode extension to help visualize css colors in files. | | <a href="https://marketplace.visualstudio.com/items?itemName=kamikillerto.vscode-colorize"><img width="100" src="https://open-vsx.org/vscode/asset/kamikillerto/vscode-colorize/0.11.1/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="colorize"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=kamikillerto.vscode-colorize">colorize</a></h3>A vscode extension to help visualize css colors in files. |
| <a href="https://marketplace.visualstudio.com/items?itemName=vivaxy.vscode-conventional-commits"><img width="100" src="https://open-vsx.org/vscode/asset/vivaxy/vscode-conventional-commits/1.24.4/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Conventional Commits"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=vivaxy.vscode-conventional-commits">Conventional Commits</a></h3>💬Conventional Commits for VSCode. | | <a href="https://marketplace.visualstudio.com/items?itemName=vivaxy.vscode-conventional-commits"><img width="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><a href="https://marketplace.visualstudio.com/items?itemName=vivaxy.vscode-conventional-commits">Conventional Commits</a></h3>💬Conventional Commits for VSCode. |
| <a href="https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome"><img width="100" src="https://open-vsx.org/vscode/asset/msjsdiag/debugger-for-chrome/4.12.6/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Debugger for Chrome"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome">Debugger for Chrome</a></h3>Debug your JavaScript code in the Chrome browser, or any other target that supports the Chrome Debugger protocol. |
| <a href="https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv"><img width="100" src="https://open-vsx.org/vscode/asset/mikestead/dotenv/1.0.1/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="DotENV"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv">DotENV</a></h3>Support for dotenv file syntax | | <a href="https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv"><img width="100" src="https://open-vsx.org/vscode/asset/mikestead/dotenv/1.0.1/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="DotENV"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv">DotENV</a></h3>Support for dotenv file syntax |
| <a href="https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint"><img width="100" src="https://open-vsx.org/vscode/asset/dbaeumer/vscode-eslint/2.2.6/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="ESLint"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint">ESLint</a></h3>Integrates ESLint JavaScript into VS Code. | | <a href="https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint"><img width="100" src="https://open-vsx.org/vscode/asset/dbaeumer/vscode-eslint/2.4.0/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="ESLint"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint">ESLint</a></h3>Integrates ESLint JavaScript into VS Code. |
| <a href="https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory"><img width="100" src="https://open-vsx.org/vscode/asset/donjayamanne/githistory/0.6.19/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Git History"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory">Git History</a></h3>View git log, file history, compare branches or commits | | <a href="https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory"><img width="100" src="https://open-vsx.org/vscode/asset/donjayamanne/githistory/0.6.20/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Git History"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory">Git History</a></h3>View git log, file history, compare branches or commits |
| <a href="https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost"><img width="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><a href="https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost">Import Cost</a></h3>Display import/require package size in the editor | | <a href="https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost"><img width="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><a href="https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost">Import Cost</a></h3>Display import/require package size in the editor |
| <a href="https://marketplace.visualstudio.com/items?itemName=orta.vscode-jest"><img width="100" src="https://open-vsx.org/vscode/asset/Orta/vscode-jest/4.2.1/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Jest"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=orta.vscode-jest">Jest</a></h3>Use Facebook's Jest With Pleasure. | | <a href="https://marketplace.visualstudio.com/items?itemName=orta.vscode-jest"><img width="100" src="https://open-vsx.org/vscode/asset/Orta/vscode-jest/5.2.3/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Jest"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=orta.vscode-jest">Jest</a></h3>Use Facebook's Jest With Pleasure. |
| <a href="https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup"><img width="100" src="https://cdn.vsassets.io/v/M213_20221206.3/_content/Header/default_icon_128.png" alt="Level Up Theme Official"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup">Level Up Theme Official</a></h3>➕ Official theme of Level Up Tutorials ➕ | | <a href="https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup"><img width="100" src="https://cdn.vsassets.io/v/M213_20221206.3/_content/Header/default_icon_128.png" alt="Level Up Theme Official"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=leveluptutorials.theme-levelup">Level Up Theme Official</a></h3>➕ Official theme of Level Up Tutorials ➕ |
| <a href="https://marketplace.visualstudio.com/items?itemName=pkief.material-icon-theme"><img width="100" src="https://open-vsx.org/vscode/asset/PKief/material-icon-theme/4.23.0/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Material Icon Theme"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=pkief.material-icon-theme">Material Icon Theme</a></h3>Material Design Icons for Visual Studio Code | | <a href="https://marketplace.visualstudio.com/items?itemName=pkief.material-icon-theme"><img width="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><a href="https://marketplace.visualstudio.com/items?itemName=pkief.material-icon-theme">Material Icon Theme</a></h3>Material Design Icons for Visual Studio Code |
| <a href="https://marketplace.visualstudio.com/items?itemName=unifiedjs.vscode-mdx"><img width="100" src="https://open-vsx.org/vscode/asset/unifiedjs/vscode-mdx/1.3.0/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="MDX"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=unifiedjs.vscode-mdx">MDX</a></h3>Language support for MDX |
| <a href="https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense"><img width="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><a href="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 | | <a href="https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense"><img width="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><a href="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 |
| <a href="https://marketplace.visualstudio.com/items?itemName=techer.open-in-browser"><img width="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><a href="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. | | <a href="https://marketplace.visualstudio.com/items?itemName=techer.open-in-browser"><img width="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><a href="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. |
| <a href="https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense"><img width="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><a href="https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense">Path Intellisense</a></h3>Visual Studio Code plugin that autocompletes filenames | | <a href="https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense"><img width="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><a href="https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense">Path Intellisense</a></h3>Visual Studio Code plugin that autocompletes filenames |
| <a href="https://marketplace.visualstudio.com/items?itemName=vunguyentuan.vscode-postcss"><img width="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><a href="https://marketplace.visualstudio.com/items?itemName=vunguyentuan.vscode-postcss">PostCSS Intellisense and Highlighting</a></h3>Syntax highlighting and intellisense for PostCSS | | <a href="https://marketplace.visualstudio.com/items?itemName=vunguyentuan.vscode-postcss"><img width="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><a href="https://marketplace.visualstudio.com/items?itemName=vunguyentuan.vscode-postcss">PostCSS Intellisense and Highlighting</a></h3>Syntax highlighting and intellisense for PostCSS |
| <a href="https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode"><img width="100" src="https://open-vsx.org/vscode/asset/esbenp/prettier-vscode/9.10.3/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Prettier - Code formatter"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode">Prettier - Code formatter</a></h3>Code formatter using prettier | | <a href="https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode"><img width="100" src="https://open-vsx.org/vscode/asset/esbenp/prettier-vscode/9.10.4/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Prettier - Code formatter"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode">Prettier - Code formatter</a></h3>Code formatter using prettier |
| <a href="https://marketplace.visualstudio.com/items?itemName=fivethree.vscode-svelte-snippets"><img width="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><a href="https://marketplace.visualstudio.com/items?itemName=fivethree.vscode-svelte-snippets">Svelte 3 Snippets</a></h3>Svelte 3 Snippets for VS Code | | <a href="https://marketplace.visualstudio.com/items?itemName=fivethree.vscode-svelte-snippets"><img width="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><a href="https://marketplace.visualstudio.com/items?itemName=fivethree.vscode-svelte-snippets">Svelte 3 Snippets</a></h3>Svelte 3 Snippets for VS Code |
| <a href="https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode"><img width="100" src="https://open-vsx.org/vscode/asset/svelte/svelte-vscode/106.4.0/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Svelte for VS Code"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode">Svelte for VS Code</a></h3>Svelte language support for VS Code | | <a href="https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode"><img width="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><a href="https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode">Svelte for VS Code</a></h3>Svelte language support for VS Code |
| <a href="https://marketplace.visualstudio.com/items?itemName=robbowen.synthwave-vscode"><img width="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><a href="https://marketplace.visualstudio.com/items?itemName=robbowen.synthwave-vscode">SynthWave '84</a></h3>A Synthwave-inspired colour theme to satisfy your neon dreams | | <a href="https://marketplace.visualstudio.com/items?itemName=robbowen.synthwave-vscode"><img width="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><a href="https://marketplace.visualstudio.com/items?itemName=robbowen.synthwave-vscode">SynthWave '84</a></h3>A Synthwave-inspired colour theme to satisfy your neon dreams |
| <a href="https://marketplace.visualstudio.com/items?itemName=meganrogge.template-string-converter"><img width="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><a href="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 |
| <a href="https://marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client"><img width="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><a href="https://marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client">Thunder Client</a></h3>Lightweight Rest API Client for VS Code |
| <a href="https://marketplace.visualstudio.com/items?itemName=gruntfuggly.todo-tree"><img width="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><a href="https://marketplace.visualstudio.com/items?itemName=gruntfuggly.todo-tree">Todo Tree</a></h3>Show TODO, FIXME, etc. comment tags in a tree view | | <a href="https://marketplace.visualstudio.com/items?itemName=gruntfuggly.todo-tree"><img width="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><a href="https://marketplace.visualstudio.com/items?itemName=gruntfuggly.todo-tree">Todo Tree</a></h3>Show TODO, FIXME, etc. comment tags in a tree view |
| <a href="https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons"><img width="100" src="https://open-vsx.org/vscode/asset/vscode-icons-team/vscode-icons/12.0.1/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="vscode-icons"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons">vscode-icons</a></h3>Icons for Visual Studio Code | | <a href="https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons"><img width="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><a href="https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons">vscode-icons</a></h3>Icons for Visual Studio Code |
| <a href="https://marketplace.visualstudio.com/items?itemName=styled-components.vscode-styled-components"><img width="100" src="https://open-vsx.org/vscode/asset/styled-components/vscode-styled-components/1.7.5/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="vscode-styled-components"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=styled-components.vscode-styled-components">vscode-styled-components</a></h3>Syntax highlighting for styled-components | | <a href="https://marketplace.visualstudio.com/items?itemName=styled-components.vscode-styled-components"><img width="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><a href="https://marketplace.visualstudio.com/items?itemName=styled-components.vscode-styled-components">vscode-styled-components</a></h3>Syntax highlighting for styled-components |
| <a href="https://marketplace.visualstudio.com/items?itemName=wooodhead.vscode-wrap-console-log-simple"><img width="100" src="https://cdn.vsassets.io/v/M213_20221206.3/_content/Header/default_icon_128.png" alt="Wrap Console Log Simple"> | <h3><a href="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 | | <a href="https://marketplace.visualstudio.com/items?itemName=wooodhead.vscode-wrap-console-log-simple"><img width="100" src="https://cdn.vsassets.io/v/M213_20221206.3/_content/Header/default_icon_128.png" alt="Wrap Console Log Simple"> | <h3><a href="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 |