/yonce-essentials

Essential extensions for web development

MIT LicenseMIT

Yonce Essentials Extension Pack

Badge for version for Visual Studio Code extension

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

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

Coding Essentials

Extension Stats Description
:emojisense: Installs Adds suggestions and autocomplete for emoji
Auto Close Tag Installs Automatically add HTML/XML close tag, same as Visual Studio IDE or Sublime Text
Auto Renae Tag Installs Auto rename paired HTML/XML tag
Better Comments Installs Improve your code commenting by annotating with alert, informational, TODOs, and more!
Code Spell Checker Installs Spelling checker for source code
Color Highlight Installs Highlight web colors in your editor
Color Info Installs Provides quick information about css colors
Color Picker Installs Helper with GUI to generate color codes such as CSS color notations.
Error Lens Installs Improve highlighting of errors, warnings and other language diagnostics.
Formatting toggle Installs A VS Code extension that allows you to toggle formatting settings ON and OFF with a simple click.
GitHub Copilot Installs Your AI pair programmer
GitHub Copilot Chat Installs AI chat features powered by Copilot
GitLens Installs GitLens supercharges the built-in Visual Studio Code Git capabilities.
Gremlins tracker Installs Reveals some characters that can be harmful because they are invisible or looking like legitimate ones.
Highlight Matching Tag Installs Highlights matching closing and opening tags
Indenticator Installs Highlights your current indent depth
IntelliCode Installs AI-assisted development
npm Intellisense Installs Visual Studio Code plugin that autocompletes npm modules in import statements
Path Intellisense Installs Visual Studio Code plugin that autocompletes filenames
Prettier - Code formatter Installs Code formatter using prettier
SVG Previewer Installs Show SVG preview to the side panel
TODO Highlight Installs highlight TODOs, FIXMEs, and any keywords, annotations...
Trailing Spaces Installs Highlight trailing spaces and delete them in a flash!
Version Lens Installs Shows the latest version for each package using code lens
vscode-random Installs 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 Installs 📸 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.


made with ❤️ by me