vscode-awesome-ux icon indicating copy to clipboard operation
vscode-awesome-ux copied to clipboard

Showcase of how to employ best practices to provide a high-fidelity user experience inside of VS Code extensions.

An Awesome VSCode Extension Tests license

This extension is a best practices guide for writing great VSCode extensions. It can be used as boilerplate template to start of with a new extension.

Features

In itself this extension doesn't do much. It has some webviews, panels and commands implemented to show you how to interact with the VSCode APIs.

The current version looks as follows:

Demo

Best Practices

We have accumulated a set of best practices while developing VSCode extensions. Please note that these are just recommendations, sometimes based on personal preference. There are many ways to write an extension, and we found the following allow you to write them in a scaleable and testable way:

  • Initiate Extensions through an ExtensionController
  • Building WebViews

If you have more best practices, please share them with us by raising a PR or filing an issue.

Extension Settings

This extension contributes the following settings:

  • vscode-awesome-ux.configuration.defaultNotifications: The default value of received example notification (default 0)

Release Notes

See release section.


Copyright 2022 - 2023 © Stateful – MIT License