From 5f671a58984b71f4da67397f436a9f8f96000e6c Mon Sep 17 00:00:00 2001 From: Bradley Shellnut Date: Tue, 18 Apr 2023 16:23:08 -0700 Subject: [PATCH] Updating vscode and extensions and adding intellij plugins. --- .vscode/settings.json | 3 + get-extensions.js | 126 +++++++++++++++++++----------------- intellij-plugins.md | 32 +++++++++ vs-code-extensions-i-use.md | 60 ++++++++--------- 4 files changed, 132 insertions(+), 89 deletions(-) create mode 100644 .vscode/settings.json create mode 100644 intellij-plugins.md diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..2648ea5 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "cSpell.words": ["dotfiles"] +} diff --git a/get-extensions.js b/get-extensions.js index 6648ff7..f3d1eea 100644 --- a/get-extensions.js +++ b/get-extensions.js @@ -11,89 +11,95 @@ To get a list of extensions: */ async function getExtensions() { - // VS Code uses Virtual scrolling, so we need to get them all - // I cannot find where in memory, or how to query a list of @enabled - // This is janky AF dont judge me + // VS Code uses Virtual scrolling, so we need to get them all + // I cannot find where in memory, or how to query a list of @enabled + // This is janky AF dont judge me - // zoom out - vscode.webFrame.setZoomLevel(-10); - const seconds = 5; - console.log(`You have ${seconds} seconds to scroll your list up and down as much as possible!`); - const allExtensions = []; + // zoom out + vscode.webFrame.setZoomLevel(-10); + const seconds = 5; + console.log( + `You have ${seconds} seconds to scroll your list up and down as much as possible!` + ); + const allExtensions = []; - const interval = setInterval(function() { - allExtensions.push(...getVisibleExtensions()); - console.log('KEEP SCROLLING!'); - }, 300); - - return new Promise((resolve) => { - setTimeout(() => { - console.log('PHEW DONE!'); - clearInterval(interval); - vscode.webFrame.setZoomLevel(-1); - console.log(allExtensions.length, 'captured'); - const unique = uniqueBy(allExtensions, 'id'); - console.log(unique.length, 'unique'); - resolve(unique) - }, seconds * 1000); - }); + const interval = setInterval(function () { + allExtensions.push(...getVisibleExtensions()); + console.log("KEEP SCROLLING!"); + }, 300); + return new Promise((resolve) => { + setTimeout(() => { + console.log("PHEW DONE!"); + clearInterval(interval); + vscode.webFrame.setZoomLevel(-1); + console.log(allExtensions.length, "captured"); + const unique = uniqueBy(allExtensions, "id"); + console.log(unique.length, "unique"); + resolve(unique); + }, seconds * 1000); + }); } function getVisibleExtensions() { - const extensions = Array.from(document.querySelectorAll('.extensions-list .monaco-list-row')).map(function (row) { - let icon = row.querySelector('.icon').src; - const title = row.querySelector('span.name').textContent; - const description = row.querySelector('.description').textContent; - const id = row.dataset.extensionId; - if (icon.startsWith('vscode-file')) { - icon = `https://cdn.vsassets.io/v/M213_20221206.3/_content/Header/default_icon_128.png`; - } + const extensions = Array.from( + document.querySelectorAll(".extensions-list .monaco-list-row") + ).map(function (row) { + let icon = row.querySelector(".icon").src; + const title = row.querySelector("span.name").textContent; + const description = row.querySelector(".description").textContent; + const id = row.dataset.extensionId; + if (icon.startsWith("vscode-file")) { + icon = `https://cdn.vsassets.io/v/M213_20221206.3/_content/Header/default_icon_128.png`; + } - return { - icon, - title, - description, - id - } - }); - return extensions; + return { + icon, + title, + description, + id, + }; + }); + return extensions; } function makeLink(id) { - return `https://marketplace.visualstudio.com/items?itemName=${id}` + return `https://marketplace.visualstudio.com/items?itemName=${id}`; } function makeMarkdownTable(extensions) { - const rows = extensions.map(extension => { - return `| ${extension.title} |

${extension.title}

${extension.description} |` - }); + const rows = extensions.map((extension) => { + return `| ${extension.title} |

${ + extension.title + }

${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`)} -` - return markdownTable; +`; + return markdownTable; } function uniqueBy(arr, key) { - let seen = new Set() + let seen = new Set(); - return arr.filter(it => { - let val = it[key] - if (seen.has(val)) { - return false - } else { - seen.add(val) - return true - } - }) + return arr.filter((it) => { + let val = it[key]; + if (seen.has(val)) { + return false; + } else { + seen.add(val); + return true; + } + }); } - const extensions = await getExtensions(); -console.info(extensions.length, 'Found!'); +console.info(extensions.length, "Found!"); const markdown = makeMarkdownTable(extensions); -console.info('please run copy(markdown) to get the markdown in your clipboard') \ No newline at end of file +console.info("please run copy(markdown) to get the markdown in your clipboard"); diff --git a/intellij-plugins.md b/intellij-plugins.md new file mode 100644 index 0000000..968c150 --- /dev/null +++ b/intellij-plugins.md @@ -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) diff --git a/vs-code-extensions-i-use.md b/vs-code-extensions-i-use.md index 792e88b..a59bb68 100644 --- a/vs-code-extensions-i-use.md +++ b/vs-code-extensions-i-use.md @@ -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! -| ×××××× | | -| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -| Auto Rename Tag |

Auto Rename Tag

Auto rename paired HTML/XML tag | -| Better Comments |

Better Comments

Improve your code commenting by annotating with alert, informational, TODOs, and more! | -| Bracket Pair Colorizer 2 |

Bracket Pair Colorizer 2

A customizable extension for colorizing matching brackets | -| Code Spell Checker |

Code Spell Checker

Spelling checker for source code | -| colorize |

colorize

A vscode extension to help visualize css colors in files. | -| Conventional Commits |

Conventional Commits

💬Conventional Commits for VSCode. | -| Debugger for Chrome |

Debugger for Chrome

Debug your JavaScript code in the Chrome browser, or any other target that supports the Chrome Debugger protocol. | -| DotENV |

DotENV

Support for dotenv file syntax | -| ESLint |

ESLint

Integrates ESLint JavaScript into VS Code. | -| Git History |

Git History

View git log, file history, compare branches or commits | -| Import Cost |

Import Cost

Display import/require package size in the editor | -| Jest |

Jest

Use Facebook's Jest With Pleasure. | -| Level Up Theme Official |

Level Up Theme Official

➕ Official theme of Level Up Tutorials ➕ | -| Material Icon Theme |

Material Icon Theme

Material Design Icons for Visual Studio Code | -| npm Intellisense |

npm Intellisense

Visual Studio Code plugin that autocompletes npm modules in import statements | -| open in browser |

open in browser

This allows you to open the current file in your default browser or application. | -| Path Intellisense |

Path Intellisense

Visual Studio Code plugin that autocompletes filenames | -| PostCSS Intellisense and Highlighting |

PostCSS Intellisense and Highlighting

Syntax highlighting and intellisense for PostCSS | -| Prettier - Code formatter |

Prettier - Code formatter

Code formatter using prettier | -| Svelte 3 Snippets |

Svelte 3 Snippets

Svelte 3 Snippets for VS Code | -| Svelte for VS Code |

Svelte for VS Code

Svelte language support for VS Code | -| SynthWave '84 |

SynthWave '84

A Synthwave-inspired colour theme to satisfy your neon dreams | -| Todo Tree |

Todo Tree

Show TODO, FIXME, etc. comment tags in a tree view | -| vscode-icons |

vscode-icons

Icons for Visual Studio Code | -| vscode-styled-components |

vscode-styled-components

Syntax highlighting for styled-components | -| Wrap Console Log Simple |

Wrap Console Log Simple

Wrap to console.log(or any function name) by word or selection | +| ×××××× | | +| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| Auto Rename Tag |

Auto Rename Tag

Auto rename paired HTML/XML tag | +| Better Comments |

Better Comments

Improve your code commenting by annotating with alert, informational, TODOs, and more! | +| Code Spell Checker |

Code Spell Checker

Spelling checker for source code | +| Codeium: AI Coding Autocomplete for Python, Javascript, Typescript, Java, Go, and more |

Codeium: AI Coding Autocomplete for Python, Javascript, Typescript, Java, Go, and more

The modern coding superpower: free AI code completion plugin for your favorite languages. Type less. Code more. Ship faster. | +| colorize |

colorize

A vscode extension to help visualize css colors in files. | +| Conventional Commits |

Conventional Commits

💬Conventional Commits for VSCode. | +| DotENV |

DotENV

Support for dotenv file syntax | +| ESLint |

ESLint

Integrates ESLint JavaScript into VS Code. | +| Git History |

Git History

View git log, file history, compare branches or commits | +| Import Cost |

Import Cost

Display import/require package size in the editor | +| Jest |

Jest

Use Facebook's Jest With Pleasure. | +| Level Up Theme Official |

Level Up Theme Official

➕ Official theme of Level Up Tutorials ➕ | +| Material Icon Theme |

Material Icon Theme

Material Design Icons for Visual Studio Code | +| MDX |

MDX

Language support for MDX | +| npm Intellisense |

npm Intellisense

Visual Studio Code plugin that autocompletes npm modules in import statements | +| open in browser |

open in browser

This allows you to open the current file in your default browser or application. | +| Path Intellisense |

Path Intellisense

Visual Studio Code plugin that autocompletes filenames | +| PostCSS Intellisense and Highlighting |

PostCSS Intellisense and Highlighting

Syntax highlighting and intellisense for PostCSS | +| Prettier - Code formatter |

Prettier - Code formatter

Code formatter using prettier | +| Svelte 3 Snippets |

Svelte 3 Snippets

Svelte 3 Snippets for VS Code | +| Svelte for VS Code |

Svelte for VS Code

Svelte language support for VS Code | +| SynthWave '84 |

SynthWave '84

A Synthwave-inspired colour theme to satisfy your neon dreams | +| Template String Converter |

Template String Converter

Converts a string to a template string when ${ is typed | +| Thunder Client |

Thunder Client

Lightweight Rest API Client for VS Code | +| Todo Tree |

Todo Tree

Show TODO, FIXME, etc. comment tags in a tree view | +| vscode-icons |

vscode-icons

Icons for Visual Studio Code | +| vscode-styled-components |

vscode-styled-components

Syntax highlighting for styled-components | +| Wrap Console Log Simple |

Wrap Console Log Simple

Wrap to console.log(or any function name) by word or selection |