stateful / awesome-vscode-extension-utils

🎨 A curated list of delightful VSCode utilities to build awesome VSCode extensions and resources.

A curated list of delightful Visual Studio Code utilities to build awesome VS Code extensions and resources. For more awesomeness, check out awesome.

Table of Contents

• Table of Contents
• Official
• Data & State Management
• Component Libraries
• Testing
• Logging
• Telemetry
• Blog Posts
• Contribute

Official

• Official website
• Source code on GitHub
• Releases (stable channel)
• Releases (insiders channel)
• Monthly iteration plans

Data & State Management

Packages that help extension developer to manage application states and data flow.

• Tangle - JavaScript state synchronization and event handling for various of different sandbox environments, e.g. worker threads, web workers, iframes, Visual Studio Code Webviews etc

Component Libraries

Theme packages that help to build awesome VS Code extension UIs.

• Webview UI Toolkit for Visual Studio Code - A component library for building webview-based extensions in Visual Studio Code
• VS Code Webview Elements - Web component library for developing Visual Studio Code extensions

Testing

Packages that help you to test your extension.

• WDIO VSCode Service - a port of the VSCode Extension Tester framework into WebdriverIO
• VSCode Extension Tester - Framework for simulating user interactions with VS Code and its extensions via Webdriver
• VSCode Test - Testing utility for VS Code extensions

Logging

Packages for logging and debugging.

• VSCode-Logging - A Logging Library for VSCode Extension

Telemetry

Packages that help extension to identify usage patterns and basic telemtry.

• VS Code Extension Telemetry - Node module to help VS Code extensions send telemetry using application insights
• VS Code Telemetry - Wrapper around the original telemetry package that helps sending events across extension host and webview environments

Blog Posts

A set of useful blog post related to VSCode extension development.

• The GitHub Action You Need to Publish VS Code Extensions - In this blog post we’d like to share how Stateful releases its Marquee extension to the VS Code Marketplace and OpenVSX Registry through GitHub Actions
• A Complete Guide to VS Code Extension Testing - Most VS Code extensions in the marketplace have minimal testing, if any at all. In this blog post you will learn how to test your VS Code extension from end to end using WebdriverIO.

Contribute

Contributions welcome! Read the contribution guidelines first.

---

Copyright 2021 © Stateful – MIT License