Skip to content

Files

Latest commit

May 11, 2023
b3ebbd8 · May 11, 2023

History

History
This branch is 1 commit behind microsoft/vscode-webview-ui-toolkit-samples:main.

weather-webview

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
Jan 20, 2023
May 11, 2023
Jan 20, 2023
Jan 20, 2023
Jan 20, 2023
Jan 20, 2023
Jan 20, 2023
May 11, 2023
May 9, 2023
May 11, 2023
May 11, 2023
Jan 20, 2023

Weather Webview Sample Extension

This sample extension demonstrates the Webview UI Toolkit for Visual Studio Code being used within a Webview View.

A screenshot of the sample extension.

Run The Sample

# Copy sample extension locally
npx degit microsoft/vscode-webview-ui-toolkit-samples/default/weather-webview weather-webview

# Navigate into sample directory
cd weather-webview

# 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:

  1. Press F5 to open a new Extension Development Host window
  2. Inside the host window, open the command palette (Ctrl+Shift+P or Cmd+Shift+P on Mac) and type Explorer: Focus on Weather View