This sample extension demonstrates every component in the Webview UI Toolkit for Visual Studio Code.
# Copy sample extension locally
npx degit microsoft/vscode-webview-ui-toolkit-samples/default/component-gallery component-gallery
# Navigate into sample directory
cd component-gallery
# Install sample dependencies
npm install
# Open sample in VS Code
code .
Once the sample is open inside VS Code you can run the extension by doing the following:
- Press
F5
to open a new Extension Development Host window - Inside the host window, open the command palette (
Ctrl+Shift+P
orCmd+Shift+P
on Mac) and typeComponent Gallery: Show