/vscode-marketplace-preview

๐Ÿงบ๐Ÿ”Ž Preview how the manifest of your extension will look in the Visual Studio Marketplace

Primary LanguageCSSMIT LicenseMIT

logo

Marketplace Preview

Easily preview how your Visual Studio Code extension will look like in the marketplace


Version Installs Downloads Ratings


demo

Features

This extension will allow you to preview how your extension will look like in the Visual Studio Code Marketplace.

This can be very convenient as there no easy way to do that and most of the time you have to wait for your extension to be published to then realize that the readme didn't look as you expected.

How it works?

The extension will only be enabled if a package.json file is present in your folder.

If that's the case, a new command will be available to you:

# Ctrl/Cmd+Shift+P or F1
Marketplace: Preview Manifest

Bear in mind that this command will only be available when the package.json file is active on VSCode. Note that you will also neeed a README.md file for the content to be properly previewed.

Aside from the command, you will also see a new icon in the top left corner of your package.json file:

icon

If you press it, you'll see that a new preview panel opens showing you a preview of how your extension would look like.

Preview your changes

Once you have the Preview Panel opened, you'll be able to modify both your package.json and README.md files. The changes will be updated in the Preview Panel every time you save the changes.