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 plugins, settings, etc.

Browse source
This commit is contained in:
Bradley Shellnut 2024-09-19 10:28:29 -07:00
parent 1648f9aa5e
commit 9253ebb368
5 changed files with 139 additions and 68 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

55
biome.json Normal file
View file

@ -0,0 +1,55 @@
{
"$schema": "https://biomejs.dev/schemas/1.8.3/schema.json",
"formatter": {
"enabled": true,
"formatWithErrors": false,
"indentStyle": "tab",
"indentWidth": 2,
"lineEnding": "lf",
"lineWidth": 150,
"attributePosition": "auto",
"ignore": [
"**/.DS_Store",
"**/node_modules",
"./build",
"./.svelte-kit",
"./package",
"**/.env",
"**/.env.*",
"**/pnpm-lock.yaml",
"**/package-lock.json",
"**/yarn.lock"
]
},
"organizeImports": { "enabled": true },
"linter": { "enabled": true, "rules": { "recommended": true } },
"javascript": {
"formatter": {
"jsxQuoteStyle": "double",
"quoteProperties": "asNeeded",
"trailingCommas": "all",
"semicolons": "asNeeded",
"arrowParentheses": "always",
"bracketSpacing": true,
"bracketSameLine": false,
"quoteStyle": "single",
"attributePosition": "auto"
},
"parser": {
"unsafeParameterDecoratorsEnabled": true
}
},
"overrides": [
{
"include": ["*.svelte"],
"linter": {
"rules": {
"style": {
"useConst": "off",
"useImportType": "off"
}
}
}
}
]
}

70
get-extensions.js
View file

@ -3,7 +3,7 @@ To get a list of extensions:
1. Open up your extensions list. `⌘+⇧+x` 1. Open up your extensions list. `⌘+⇧+x`
2. type in `@enabled` 2. type in `@enabled`
3. Open VS Code dev toosls `Help` → `Toggle Developer Tools` 3. Open VS Code dev tools `Help` → `Toggle Developer Tools`
4. Paste the code from [get-extensions.js](./get-extensions.js) into the console 4. Paste the code from [get-extensions.js](./get-extensions.js) into the console
5. You have 10 seconds to scroll your extension list to gather them all. This is weird, but VS code uses virtual scrolling so they are only added to the dom when visible. 5. You have 10 seconds to scroll your extension list to gather them all. This is weird, but VS code uses virtual scrolling so they are only added to the dom when visible.
5. run copy(markdown), and paste into `vs-code-extensions-i-use.md` 5. run copy(markdown), and paste into `vs-code-extensions-i-use.md`
@ -18,38 +18,35 @@ async function getExtensions() {
// zoom out // zoom out
vscode.webFrame.setZoomLevel(-10); vscode.webFrame.setZoomLevel(-10);
const seconds = 5; const seconds = 5;
console.log( console.log(`You have ${seconds} seconds to scroll your list up and down as much as possible!`);
`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( const extensions = Array.from(document.querySelectorAll('.extensions-list .monaco-list-row')).map(function (row) {
document.querySelectorAll(".extensions-list .monaco-list-row") let icon = row.querySelector('.icon').src;
).map(function (row) { const title = row.querySelector('span.name').textContent;
let icon = row.querySelector(".icon").src; const description = row.querySelector('.description').textContent;
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`;
} }
@ -57,49 +54,46 @@ 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="${ 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} |`
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!
| ×××××× | | | ×××××× | |
| --- | --- | | --- | --- |
${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')

15
intellij-plugins.md
View file

@ -1,32 +1,45 @@
# List of all the plugins I use. # IntelliJ Plugins
List of all the plugins I use.
## Code Editing ## Code Editing
- [Codeium](https://plugins.jetbrains.com/plugin/20540-codeium) - [Codeium](https://plugins.jetbrains.com/plugin/20540-codeium)
- [Prettier](https://plugins.jetbrains.com/plugin/10456-prettier)
## Code Tools ## Code Tools
- [Rainbow Brackets](https://plugins.jetbrains.com/plugin/10080-rainbow-brackets) - [Rainbow Brackets](https://plugins.jetbrains.com/plugin/10080-rainbow-brackets)
- [JPA Buddy](https://plugins.jetbrains.com/plugin/15075-jpa-buddy) - [JPA Buddy](https://plugins.jetbrains.com/plugin/15075-jpa-buddy)
- [Save Actions](https://plugins.jetbrains.com/plugin/7642-save-actions)
- [shadcn/ui Components Manager](https://plugins.jetbrains.com/plugin/23479-shadcn-ui-components-manager)
## Code Quality ## Code Quality
- [CheckStyle-IDEA](https://plugins.jetbrains.com/plugin/1065-checkstyle-idea) - [CheckStyle-IDEA](https://plugins.jetbrains.com/plugin/1065-checkstyle-idea)
- [SonarLint](https://plugins.jetbrains.com/plugin/7973-sonarlint) - [SonarLint](https://plugins.jetbrains.com/plugin/7973-sonarlint)
- [Lombok](https://plugins.jetbrains.com/plugin/6317-lombok)
## Framework ## Framework
- [VirtualKit](https://plugins.jetbrains.com/plugin/12376-virtualkit)
- [Svelte](https://plugins.jetbrains.com/plugin/12375-svelte) - [Svelte](https://plugins.jetbrains.com/plugin/12375-svelte)
- [Kotlin](https://plugins.jetbrains.com/plugin/6954-kotlin)
## Productivity ## Productivity
- [GitToolBox](https://plugins.jetbrains.com/plugin/7499-gittoolbox) - [GitToolBox](https://plugins.jetbrains.com/plugin/7499-gittoolbox)
- [Biome](https://plugins.jetbrains.com/plugin/22761-biome)
- [Conventional Commit](https://plugins.jetbrains.com/plugin/13389-conventional-commit)
## Theme ## Theme
- [Material Theme UI](https://plugins.jetbrains.com/plugin/8006-material-theme-ui) - [Material Theme UI](https://plugins.jetbrains.com/plugin/8006-material-theme-ui)
- Using Material Darker
- [One Dark Theme](https://plugins.jetbrains.com/plugin/11938-one-dark-theme)
- [Visual Studio Code Dark Plus Theme](https://plugins.jetbrains.com/plugin/12255-visual-studio-code-dark-plus-theme) - [Visual Studio Code Dark Plus Theme](https://plugins.jetbrains.com/plugin/12255-visual-studio-code-dark-plus-theme)
## Tools Integration ## Tools Integration
- [Docker](https://plugins.jetbrains.com/plugin/7724-docker) - [Docker](https://plugins.jetbrains.com/plugin/7724-docker)
- [.env files](https://plugins.jetbrains.com/plugin/9525--env-files-support)

27
settings.json
View file

@ -3,8 +3,8 @@
"editor.bracketPairColorization.enabled": true, "editor.bracketPairColorization.enabled": true,
"editor.guides.bracketPairs": "active", "editor.guides.bracketPairs": "active",
"javascript.updateImportsOnFileMove.enabled": "always", "javascript.updateImportsOnFileMove.enabled": "always",
"editor.renderWhitespace": "all", "editor.renderWhitespace": "trailing",
"editor.defaultFormatter": "esbenp.prettier-vscode", "editor.defaultFormatter": "biomejs.biome",
"html.format.enable": true, "html.format.enable": true,
"html.format.preserveNewLines": true, "html.format.preserveNewLines": true,
"files.trimTrailingWhitespace": true, "files.trimTrailingWhitespace": true,
@ -52,9 +52,9 @@
"git.autofetch": true, "git.autofetch": true,
"git.mergeEditor": true, "git.mergeEditor": true,
"editor.stickyScroll.enabled": true, "editor.stickyScroll.enabled": true,
"workbench.colorTheme": "SynthWave '84", "workbench.colorTheme": "GitHub Dark Default",
"svelte.plugin.svelte.note-new-transformation": false, "svelte.plugin.svelte.note-new-transformation": false,
"workbench.iconTheme": "material-icon-theme", "workbench.iconTheme": "vscode-icons",
"prettier.useTabs": true, "prettier.useTabs": true,
"javascript.inlayHints.parameterTypes.enabled": true, "javascript.inlayHints.parameterTypes.enabled": true,
"javascript.inlayHints.variableTypes.enabled": true, "javascript.inlayHints.variableTypes.enabled": true,
@ -75,16 +75,27 @@
"workbench.tree.indent": 12, "workbench.tree.indent": 12,
"codeium.enableConfig": { "codeium.enableConfig": {
"*": true, "*": true,
"svelte": true "svelte": true,
"properties": true,
"prisma": true
}, },
"codeium.enableSearch": true, "codeium.enableSearch": true,
"editor.fontVariations": false, "editor.fontVariations": false,
"window.zoomLevel": -2,
"editor.formatOnSave": true, "editor.formatOnSave": true,
"editor.formatOnSaveMode": "file", "editor.formatOnSaveMode": "file",
"eslint.codeActionsOnSave.rules": null, "eslint.codeActionsOnSave.rules": null,
"editor.inlayHints.enabled": "off", "editor.inlayHints.enabled": "off",
"git.path": "/usr/bin/git", "git.path": "/usr/bin/git",
"files.autoSave": "afterDelay", "files.autoSave": "afterDelay",
"explorer.sortOrder": "filesFirst" "explorer.sortOrder": "filesFirst",
} "editor.wordWrapColumn": 120,
"window.zoomLevel": -1,
"inlang.userId": "d1290686-ffb1-4f62-8430-7db5e6b4d392",
"[markdown]": {
"editor.defaultFormatter": "darkriszty.markdown-table-prettify"
},
"prisma.showPrismaDataPlatformNotification": false,
"[svelte]": {
"editor.defaultFormatter": "svelte.svelte-vscode"
}
}

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

@ -4,33 +4,31 @@ Here are a list of all the extensions I use. This is an ever-changing setup, so
| --- | --- | | --- | --- |
| <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=bungcip.better-toml"><img width="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><a href="https://marketplace.visualstudio.com/items?itemName=bungcip.better-toml">Better TOML</a></h3>Better TOML Language support |
| <a href="https://marketplace.visualstudio.com/items?itemName=biomejs.biome"><img width="100" src="https://open-vsx.org/vscode/asset/biomejs/biome/2.3.0/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Biome"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=biomejs.biome">Biome</a></h3>Toolchain of the web |
| <a href="https://marketplace.visualstudio.com/items?itemName=matthewpi.caddyfile-support"><img width="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><a href="https://marketplace.visualstudio.com/items?itemName=matthewpi.caddyfile-support">Caddyfile Support</a></h3>Rich Caddyfile support for Visual Studio Code |
| <a href="https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2"><img width="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><a href="https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2">Cobalt2 Theme Official</a></h3>🔥 Official theme by Wes Bos. |
| <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/3.0.1/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/3.0.1/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.4.20/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Codeium: AI Coding Autocomplete and Chat for Python, Javascript, Typescript, Java, Go, and more"> | <h3><a href="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. | | <a href="https://marketplace.visualstudio.com/items?itemName=codeium.codeium"><img width="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><a href="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. |
| <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=bierner.color-info"><img width="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><a href="https://marketplace.visualstudio.com/items?itemName=bierner.color-info">Color Info</a></h3>Provides quick information about css colors |
| <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=vivaxy.vscode-conventional-commits"><img width="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><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=ms-azuretools.vscode-docker"><img width="100" src="https://open-vsx.org/vscode/asset/ms-azuretools/vscode-docker/1.28.0/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Docker"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-docker">Docker</a></h3>Makes it easy to create, manage, and debug containerized applications. | | <a href="https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-docker"><img width="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><a href="https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-docker">Docker</a></h3>Makes it easy to create, manage, and debug containerized applications. |
| <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=inu1255.easy-snippet"><img width="100" src="https://cdn.vsassets.io/v/M213_20221206.3/_content/Header/default_icon_128.png" alt="Easy Snippet"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=inu1255.easy-snippet">Easy Snippet</a></h3>Turn your selection into a snippet | | <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.4/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.2/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.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=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=github.github-vscode-theme"><img width="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><a href="https://marketplace.visualstudio.com/items?itemName=github.github-vscode-theme">GitHub Theme</a></h3>GitHub theme for VS Code |
| <a href="https://marketplace.visualstudio.com/items?itemName=inlang.vs-code-extension"><img width="100" src="https://cdn.vsassets.io/v/M213_20221206.3/_content/Header/default_icon_128.png" alt="inlang – i18n supercharged"> | <h3><a href="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. |
| <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.32.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=darkriszty.markdown-table-prettify"><img width="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><a href="https://marketplace.visualstudio.com/items?itemName=darkriszty.markdown-table-prettify">Markdown Table Prettifier</a></h3>Transforms markdown tables to be more readable. |
| <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.5.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=csstools.postcss"><img width="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><a href="https://marketplace.visualstudio.com/items?itemName=csstools.postcss">PostCSS Language Support</a></h3>Syntax highlighting for modern and experimental CSS in VSCode |
| <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.5/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=yoavbls.pretty-ts-errors"><img width="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><a href="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 |
| <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=prisma.prisma"><img width="100" src="https://open-vsx.org/vscode/asset/Prisma/prisma/5.19.1/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Prisma"> | <h3><a href="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. |
| <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/10.1.0/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=yoavbls.pretty-ts-errors"><img width="100" src="https://open-vsx.org/vscode/asset/yoavbls/pretty-ts-errors/0.2.8/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Pretty TypeScript Errors"> | <h3><a href="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 |
| <a href="https://marketplace.visualstudio.com/items?itemName=prisma.prisma"><img width="100" src="https://open-vsx.org/vscode/asset/Prisma/prisma/5.6.0/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Prisma"> | <h3><a href="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. |
| <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/108.1.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/109.0.1/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=bewinxed.svelte-matey"><img width="100" src="https://cdn.vsassets.io/v/M213_20221206.3/_content/Header/default_icon_128.png" alt="svelte-matey"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=bewinxed.svelte-matey">svelte-matey</a></h3>Effortless Sveltekit Navigation & Tools! | | <a href="https://marketplace.visualstudio.com/items?itemName=bewinxed.svelte-matey"><img width="100" src="https://cdn.vsassets.io/v/M213_20221206.3/_content/Header/default_icon_128.png" alt="svelte-matey"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=bewinxed.svelte-matey">svelte-matey</a></h3>Effortless Sveltekit Navigation & Tools! |
| <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=syntaxfm.syntaxfm"><img width="100" src="https://cdn.vsassets.io/v/M213_20221206.3/_content/Header/default_icon_128.png" alt="SyntaxFM"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=syntaxfm.syntaxfm">SyntaxFM</a></h3>The official Syntax Podcast color theme |
| <a href="https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss"><img width="100" src="https://open-vsx.org/vscode/asset/bradlc/vscode-tailwindcss/0.10.2/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Tailwind CSS IntelliSense"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss">Tailwind CSS IntelliSense</a></h3>Intelligent Tailwind CSS tooling for VS Code | | <a href="https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss"><img width="100" src="https://open-vsx.org/vscode/asset/bradlc/vscode-tailwindcss/0.10.2/Microsoft.VisualStudio.Services.Icons.Default?targetPlatform=universal" alt="Tailwind CSS IntelliSense"> | <h3><a href="https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss">Tailwind CSS IntelliSense</a></h3>Intelligent Tailwind CSS tooling for VS Code |
| <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://cdn.vsassets.io/v/M213_20221206.3/_content/Header/default_icon_128.png" 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=rangav.vscode-thunder-client"><img width="100" src="https://open-vsx.org/vscode/asset/rangav/vscode-thunder-client/2.16.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.6.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=vscode-icons-team.vscode-icons"><img width="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><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.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 |