Yonce Essentials Extension Pack

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 and Material Icon Theme extensions.

Installation

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

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		Vibrant syntax theme on a dark, flat UI. Queen Bey-inspired.
Material Icon Theme		Material Design Icons for Visual Studio Code

Coding Essentials

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