vscode-extension-samples/webview-sample

Cat Coding — A Webview API Sample

Demonstrates VS Code's webview API. This includes:

• Creating and showing a basic webview.
• Dynamically updating a webview's content.
• Loading local content in a webview.
• Running scripts in a webview.
• Sending message from an extension to a webview.
• Sending messages from a webview to an extension.
• Using a basic content security policy.
• Webview lifecycle and handling dispose.
• Saving and restoring state when the panel goes into the background.
• Serialization and persistence across VS Code reboots.

Demo

VS Code API

vscode module

• window.createWebviewPanel
• window.registerWebviewPanelSerializer

Running the example

• Open this example in VS Code 1.47+
• npm install
• npm run watch or npm run compile
• F5 to start debugging

Run the Cat Coding: Start cat coding session to create the webview.