vsc-extension-quickstart.md

#VSC Extension Quick Start

What's in the folder

• This folder contains all of the files necessary for your color theme extension.
• package.json - this is the manifest file that defines the location of the theme file and specifies the base theme of the theme.
• themes/Violet Dream-color-theme.json - the color theme definition file.

Get up and running straight away

• Press F5 to open a new window with your extension loaded.
• Open File > Preferences > Color Themes and pick your color theme.
• Open a file that has a language associated. The languages' configured grammar will tokenize the text and assign 'scopes' to the tokens. To examine these scopes, invoke the Developer: Inspect Editor Tokens and Scopes command from the Command Palette (Ctrl+Shift+P or Cmd+Shift+P on Mac).

Make changes

• Changes to the theme file are automatically applied to the Extension Development Host window.

Adopt your theme to Visual Studio Code

• The token colorization is done based on standard TextMate themes. Colors are matched against one or more scopes.

To learn more about scopes and how they're used, check out the color theme documentation.

How to update extension version

1. Have the vsce package globally installed with the command npm i -g vsce.
2. Upgrade the version inside the package.json file.
3. Commit and Push to the repository.
4. Once changes are done, run the command vsce package.
5. Upload the newly .vsix file to VSC Marketplace.