{"id":16594346,"url":"https://github.com/minamarkham/yonce-essentials","last_synced_at":"2026-05-28T18:31:19.573Z","repository":{"id":209089294,"uuid":"722475618","full_name":"minamarkham/yonce-essentials","owner":"minamarkham","description":"Essential extensions for web development","archived":false,"fork":false,"pushed_at":"2023-11-24T23:31:32.000Z","size":1181,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-12-27T11:55:41.161Z","etag":null,"topics":["extension","extension-pack","vs-code-extension-pack","vscode","vscode-extension","vscode-extension-pack","vscode-extensions","yonce"],"latest_commit_sha":null,"homepage":"https://marketplace.visualstudio.com/items?itemName=minamarkham.yonce-essentials","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/minamarkham.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-11-23T08:27:30.000Z","updated_at":"2024-06-14T07:13:08.000Z","dependencies_parsed_at":null,"dependency_job_id":"b719e1b3-ac18-4a11-8414-050e280154b4","html_url":"https://github.com/minamarkham/yonce-essentials","commit_stats":null,"previous_names":["minamarkham/yonce-essentials"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/minamarkham/yonce-essentials","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/minamarkham%2Fyonce-essentials","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/minamarkham%2Fyonce-essentials/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/minamarkham%2Fyonce-essentials/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/minamarkham%2Fyonce-essentials/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/minamarkham","download_url":"https://codeload.github.com/minamarkham/yonce-essentials/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/minamarkham%2Fyonce-essentials/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33622066,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-05-28T02:00:06.440Z","response_time":99,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["extension","extension-pack","vs-code-extension-pack","vscode","vscode-extension","vscode-extension-pack","vscode-extensions","yonce"],"created_at":"2024-10-11T23:46:00.414Z","updated_at":"2026-05-28T18:31:19.539Z","avatar_url":"https://github.com/minamarkham.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Yonce Essentials Extension Pack\n\n[![Badge for version for Visual Studio Code extension](https://img.shields.io/visual-studio-marketplace/v/minamarkham.yonce-essentials?style=for-the-badge\u0026color=blue)](https://marketplace.visualstudio.com/items?itemName=minamarkham.yonce-essentials)\n\n## Introduction\n\nThis extension pack is a collection of extensions that are used to enhance the VS Code experience. It is intended to be used with the [Yoncé Theme](https://marketplace.visualstudio.com/items?itemName=minamarkham.yonce-theme) and [Material Icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme) extensions.\n\n## Installation\n\n1. Install [Visual Studio Code](https://code.visualstudio.com/)\n2. Launch Visual Studio Code\n3. Click on the Extensions icon\n4. Search for `Yoncé Essentials`\n5. Click **Install** to install it\n6. Click **Reload** to reload the Code\n7. From the menu bar click: Code \u003e Preferences \u003e Color Theme \u003e **Yoncé Theme**\n8. From the menu bar click: Code \u003e Preferences \u003e File Icon Theme \u003e **Material Icon Theme**\n\n## Included Extensions\n\nThe following extensions are included as part of this extension pack, and therefore, will be automatically installed along with it:\n\n### Theme and UI\n\n| Extension | Stats | Description |\n| ---- | ---- | ---- |\n| [Yoncé Theme ](https://marketplace.visualstudio.com/items?itemName=minamarkham.yonce-theme) | ![Installs](https://img.shields.io/visual-studio-marketplace/i/minamarkham.yonce-theme?style=for-the-badge\u0026color=blue) | Vibrant syntax theme on a dark, flat UI. Queen Bey-inspired. |\n| [Material Icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme) | ![Installs](https://img.shields.io/visual-studio-marketplace/i/PKief.material-icon-theme?style=for-the-badge\u0026color=blue) | Material Design Icons for Visual Studio Code |\n\n### Coding Essentials\n\n| Extension | Stats | Description |\n| ---- | ---- | ---- |\n| [:emojisense:](https://marketplace.visualstudio.com/items?itemName=bierner.emojisense) | ![Installs](https://img.shields.io/visual-studio-marketplace/i/bierner.emojisense?style=for-the-badge\u0026color=blue) | Adds suggestions and autocomplete for emoji |\n| [Auto Close Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag) | ![Installs](https://img.shields.io/visual-studio-marketplace/i/formulahendry.auto-close-tag?style=for-the-badge\u0026color=blue) | Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text |\n| [Auto Renae Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag) | ![Installs](https://img.shields.io/visual-studio-marketplace/i/formulahendry.auto-rename-tag?style=for-the-badge\u0026color=blue) | Auto rename paired HTML/XML tag |\n| [Better Comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments) | ![Installs](https://img.shields.io/visual-studio-marketplace/i/aaron-bond.better-comments?style=for-the-badge\u0026color=blue) | Improve your code commenting by annotating with alert, informational, TODOs, and more! |\n| [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) | ![Installs](https://img.shields.io/visual-studio-marketplace/i/streetsidesoftware.code-spell-checker?style=for-the-badge\u0026color=blue) | Spelling checker for source code |\n| [Color Highlight](https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight) | ![Installs](https://img.shields.io/visual-studio-marketplace/i/naumovs.color-highlight?style=for-the-badge\u0026color=blue) | Highlight web colors in your editor |\n| [Color Info](https://marketplace.visualstudio.com/items?itemName=bierner.color-info) | ![Installs](https://img.shields.io/visual-studio-marketplace/i/bierner.color-info?style=for-the-badge\u0026color=blue) | Provides quick information about css colors |\n| [Color Picker](https://marketplace.visualstudio.com/items?itemName=anseki.vscode-color) | ![Installs](https://img.shields.io/visual-studio-marketplace/i/anseki.vscode-color?style=for-the-badge\u0026color=blue) | Helper with GUI to generate color codes such as CSS color notations. |\n| [Error Lens](https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens) | ![Installs](https://img.shields.io/visual-studio-marketplace/i/usernamehw.errorlens?style=for-the-badge\u0026color=blue) | Improve highlighting of errors, warnings and other language diagnostics. |\n| [Formatting toggle](https://marketplace.visualstudio.com/items?itemName=tombonnike.vscode-status-bar-format-toggle) | ![Installs](https://img.shields.io/visual-studio-marketplace/i/tombonnike.vscode-status-bar-format-toggle?style=for-the-badge\u0026color=blue) | A VS Code extension that allows you to toggle formatting settings ON and OFF with a simple click. |\n| [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) | ![Installs](https://img.shields.io/visual-studio-marketplace/i/GitHub.copilot?style=for-the-badge\u0026color=blue) | Your AI pair programmer |\n| [GitHub Copilot Chat](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot-chat) | ![Installs](https://img.shields.io/visual-studio-marketplace/i/GitHub.copilot-chat?style=for-the-badge\u0026color=blue) | AI chat features powered by Copilot |\n| [GitLens](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens) | ![Installs](https://img.shields.io/visual-studio-marketplace/i/eamodio.gitlens?style=for-the-badge\u0026color=blue) | GitLens **supercharges** the built-in Visual Studio Code Git capabilities. |\n| [Gremlins tracker](https://marketplace.visualstudio.com/items?itemName=nhoizey.gremlins) | ![Installs](https://img.shields.io/visual-studio-marketplace/i/nhoizey.gremlins?style=for-the-badge\u0026color=blue) | Reveals some characters that can be harmful because they are invisible or looking like legitimate ones. |\n| [Highlight Matching Tag](https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag) | ![Installs](https://img.shields.io/visual-studio-marketplace/i/vincaslt.highlight-matching-tag?style=for-the-badge\u0026color=blue) | Highlights matching closing and opening tags |\n| [Indenticator](https://marketplace.visualstudio.com/items?itemName=SirTori.indenticator) | ![Installs](https://img.shields.io/visual-studio-marketplace/i/SirTori.indenticator?style=for-the-badge\u0026color=blue) | Highlights your current indent depth |\n| [IntelliCode](https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode) | ![Installs](https://img.shields.io/visual-studio-marketplace/i/VisualStudioExptTeam.vscodeintellicode?style=for-the-badge\u0026color=blue) | AI-assisted development |\n| [npm Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense) | ![Installs](https://img.shields.io/visual-studio-marketplace/i/christian-kohler.npm-intellisense?style=for-the-badge\u0026color=blue) | Visual Studio Code plugin that autocompletes npm modules in import statements |\n| [Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense) | ![Installs](https://img.shields.io/visual-studio-marketplace/i/christian-kohler.path-intellisense?style=for-the-badge\u0026color=blue) | Visual Studio Code plugin that autocompletes filenames |\n| [Prettier - Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) | ![Installs](https://img.shields.io/visual-studio-marketplace/i/esbenp.prettier-vscode?style=for-the-badge\u0026color=blue) | Code formatter using prettier |\n| [SVG Previewer](https://marketplace.visualstudio.com/items?itemName=vitaliymaz.vscode-svg-previewer) | ![Installs](https://img.shields.io/visual-studio-marketplace/i/vitaliymaz.vscode-svg-previewer?style=for-the-badge\u0026color=blue) | Show SVG preview to the side panel |\n| [TODO Highlight](https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight) | ![Installs](https://img.shields.io/visual-studio-marketplace/i/wayou.vscode-todo-highlight?style=for-the-badge\u0026color=blue) | highlight TODOs, FIXMEs, and any keywords, annotations... |\n| [Trailing Spaces](https://marketplace.visualstudio.com/items?itemName=shardulm94.trailing-spaces) | ![Installs](https://img.shields.io/visual-studio-marketplace/i/shardulm94.trailing-spaces?style=for-the-badge\u0026color=blue) | Highlight trailing spaces and delete them in a flash! |\n| [Version Lens](https://marketplace.visualstudio.com/items?itemName=pflannery.vscode-versionlens) | ![Installs](https://img.shields.io/visual-studio-marketplace/i/pflannery.vscode-versionlens?style=for-the-badge\u0026color=blue) | Shows the latest version for each package using code lens |\n| [vscode-random](https://marketplace.visualstudio.com/items?itemName=jrebocho.vscode-random) | ![Installs](https://img.shields.io/visual-studio-marketplace/i/jrebocho.vscode-random?style=for-the-badge\u0026color=blue) | Generates random data directly into VS Code |\n\n## Recommended Extensions\n\nThe following extensions aren't included as part of this extension pack, but are recommended for additional functionality and enhancements:\n\n| Extension | Stats | Description |\n| ---- | ---- | ---- |\n| [Polacode](https://marketplace.visualstudio.com/items?itemName=pnp.polacode) | ![Installs](https://img.shields.io/visual-studio-marketplace/i/pnp.polacode?style=for-the-badge\u0026color=blue) | 📸 Polaroid for your code |\n\n## Credits\n\nAll credits goes to original authors of the above mentioned extensions.\n\n## License\n\nThe source code for this extension is licensed under the [MIT][LICENSE] license.\n\n---\n\n\u003cp align=\"center\"\u003e\n    made with :heart: by \u003ca href=\"https://github.com/minamarkham\"\u003eme\u003c/a\u003e\n\u003c/p\u003e\n\n[LICENSE]: LICENSE\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fminamarkham%2Fyonce-essentials","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fminamarkham%2Fyonce-essentials","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fminamarkham%2Fyonce-essentials/lists"}