https://github.com/minamarkham/yonce-essentials
Essential extensions for web development
https://github.com/minamarkham/yonce-essentials
extension extension-pack vs-code-extension-pack vscode vscode-extension vscode-extension-pack vscode-extensions yonce
Last synced: 15 days ago
JSON representation
Essential extensions for web development
- Host: GitHub
- URL: https://github.com/minamarkham/yonce-essentials
- Owner: minamarkham
- License: mit
- Created: 2023-11-23T08:27:30.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-11-24T23:31:32.000Z (over 2 years ago)
- Last Synced: 2025-12-27T11:55:41.161Z (6 months ago)
- Topics: extension, extension-pack, vs-code-extension-pack, vscode, vscode-extension, vscode-extension-pack, vscode-extensions, yonce
- Homepage: https://marketplace.visualstudio.com/items?itemName=minamarkham.yonce-essentials
- Size: 1.13 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Yonce Essentials Extension Pack
[](https://marketplace.visualstudio.com/items?itemName=minamarkham.yonce-essentials)
## Introduction
This 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.
## Installation
1. Install [Visual Studio Code](https://code.visualstudio.com/)
2. Launch Visual Studio Code
3. Click on the Extensions icon
4. Search for `Yoncé Essentials`
5. Click **Install** to install it
6. Click **Reload** to reload the Code
7. From the menu bar click: Code > Preferences > Color Theme > **Yoncé Theme**
8. From the menu bar click: Code > Preferences > File Icon Theme > **Material Icon Theme**
## Included Extensions
The following extensions are included as part of this extension pack, and therefore, will be automatically installed along with it:
### Theme and UI
| Extension | Stats | Description |
| ---- | ---- | ---- |
| [Yoncé Theme ](https://marketplace.visualstudio.com/items?itemName=minamarkham.yonce-theme) |  | Vibrant syntax theme on a dark, flat UI. Queen Bey-inspired. |
| [Material Icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme) |  | Material Design Icons for Visual Studio Code |
### Coding Essentials
| Extension | Stats | Description |
| ---- | ---- | ---- |
| [:emojisense:](https://marketplace.visualstudio.com/items?itemName=bierner.emojisense) |  | Adds suggestions and autocomplete for emoji |
| [Auto Close Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag) |  | Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text |
| [Auto Renae Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag) |  | Auto rename paired HTML/XML tag |
| [Better Comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments) |  | Improve your code commenting by annotating with alert, informational, TODOs, and more! |
| [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) |  | Spelling checker for source code |
| [Color Highlight](https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight) |  | Highlight web colors in your editor |
| [Color Info](https://marketplace.visualstudio.com/items?itemName=bierner.color-info) |  | Provides quick information about css colors |
| [Color Picker](https://marketplace.visualstudio.com/items?itemName=anseki.vscode-color) |  | Helper with GUI to generate color codes such as CSS color notations. |
| [Error Lens](https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens) |  | Improve highlighting of errors, warnings and other language diagnostics. |
| [Formatting toggle](https://marketplace.visualstudio.com/items?itemName=tombonnike.vscode-status-bar-format-toggle) |  | A VS Code extension that allows you to toggle formatting settings ON and OFF with a simple click. |
| [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) |  | Your AI pair programmer |
| [GitHub Copilot Chat](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot-chat) |  | AI chat features powered by Copilot |
| [GitLens](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens) |  | GitLens **supercharges** the built-in Visual Studio Code Git capabilities. |
| [Gremlins tracker](https://marketplace.visualstudio.com/items?itemName=nhoizey.gremlins) |  | Reveals some characters that can be harmful because they are invisible or looking like legitimate ones. |
| [Highlight Matching Tag](https://marketplace.visualstudio.com/items?itemName=vincaslt.highlight-matching-tag) |  | Highlights matching closing and opening tags |
| [Indenticator](https://marketplace.visualstudio.com/items?itemName=SirTori.indenticator) |  | Highlights your current indent depth |
| [IntelliCode](https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode) |  | AI-assisted development |
| [npm Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.npm-intellisense) |  | Visual Studio Code plugin that autocompletes npm modules in import statements |
| [Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense) |  | Visual Studio Code plugin that autocompletes filenames |
| [Prettier - Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) |  | Code formatter using prettier |
| [SVG Previewer](https://marketplace.visualstudio.com/items?itemName=vitaliymaz.vscode-svg-previewer) |  | Show SVG preview to the side panel |
| [TODO Highlight](https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight) |  | highlight TODOs, FIXMEs, and any keywords, annotations... |
| [Trailing Spaces](https://marketplace.visualstudio.com/items?itemName=shardulm94.trailing-spaces) |  | Highlight trailing spaces and delete them in a flash! |
| [Version Lens](https://marketplace.visualstudio.com/items?itemName=pflannery.vscode-versionlens) |  | Shows the latest version for each package using code lens |
| [vscode-random](https://marketplace.visualstudio.com/items?itemName=jrebocho.vscode-random) |  | Generates random data directly into VS Code |
## Recommended Extensions
The following extensions aren't included as part of this extension pack, but are recommended for additional functionality and enhancements:
| Extension | Stats | Description |
| ---- | ---- | ---- |
| [Polacode](https://marketplace.visualstudio.com/items?itemName=pnp.polacode) |  | 📸 Polaroid for your code |
## Credits
All credits goes to original authors of the above mentioned extensions.
## License
The source code for this extension is licensed under the [MIT][LICENSE] license.
---
made with :heart: by me
[LICENSE]: LICENSE