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 and Material Icon Theme extensions.
- Install Visual Studio Code
- Launch Visual Studio Code
- Click on the Extensions icon
- Search for
Yoncé Essentials - Click Install to install it
- Click Reload to reload the Code
- From the menu bar click: Code > Preferences > Color Theme > Yoncé Theme
- From the menu bar click: Code > Preferences > File Icon Theme > Material Icon Theme
The following extensions are included as part of this extension pack, and therefore, will be automatically installed along with it:
| Extension | Stats | Description |
|---|---|---|
| Yoncé Theme |  |
Vibrant syntax theme on a dark, flat UI. Queen Bey-inspired. |
| Material Icon Theme |  |
Material Design Icons for Visual Studio Code |
| Extension | Stats | Description |
|---|---|---|
| :emojisense: |  |
Adds suggestions and autocomplete for emoji |
| Auto Close Tag |  |
Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text |
| Auto Renae Tag |  |
Auto rename paired HTML/XML tag |
| Better Comments |  |
Improve your code commenting by annotating with alert, informational, TODOs, and more! |
| Code Spell Checker |  |
Spelling checker for source code |
| Color Highlight |  |
Highlight web colors in your editor |
| Color Info |  |
Provides quick information about css colors |
| Color Picker |  |
Helper with GUI to generate color codes such as CSS color notations. |
| Error Lens |  |
Improve highlighting of errors, warnings and other language diagnostics. |
| Formatting toggle |  |
A VS Code extension that allows you to toggle formatting settings ON and OFF with a simple click. |
| GitHub Copilot |  |
Your AI pair programmer |
| GitHub Copilot Chat |  |
AI chat features powered by Copilot |
| GitLens |  |
GitLens supercharges the built-in Visual Studio Code Git capabilities. |
| Gremlins tracker |  |
Reveals some characters that can be harmful because they are invisible or looking like legitimate ones. |
| Highlight Matching Tag |  |
Highlights matching closing and opening tags |
| Indenticator |  |
Highlights your current indent depth |
| IntelliCode |  |
AI-assisted development |
| npm Intellisense |  |
Visual Studio Code plugin that autocompletes npm modules in import statements |
| Path Intellisense |  |
Visual Studio Code plugin that autocompletes filenames |
| Prettier - Code formatter |  |
Code formatter using prettier |
| SVG Previewer |  |
Show SVG preview to the side panel |
| TODO Highlight |  |
highlight TODOs, FIXMEs, and any keywords, annotations... |
| Trailing Spaces |  |
Highlight trailing spaces and delete them in a flash! |
| Version Lens |  |
Shows the latest version for each package using code lens |
| vscode-random |  |
Generates random data directly into VS Code |
The following extensions aren't included as part of this extension pack, but are recommended for additional functionality and enhancements:
| Extension | Stats | Description |
|---|---|---|
| Polacode |  |
📸 Polaroid for your code |
All credits goes to original authors of the above mentioned extensions.
The source code for this extension is licensed under the MIT license.
made with ❤️ by me