/sample-dotnet-wasi-vscode

A sample VS Code extension that uses .NET WASI WebAssembly

Primary LanguageTypeScriptMIT LicenseMIT

VS Code extension using .NET WASI

This is an example VS Code extension that uses the VS Code wasm-wasi host to run a .NET WASI WebAssembly module.

Prerequisites

  • .NET 8 Preview 6 or later
  • Install the (experimental!) dotnet wasi workload: dotnet workload install wasi-experimental
  • Install the official WASI SDK from https://github.com/WebAssembly/wasi-sdk/releases
  • Set the WASI_SDK_PATH environment variable to point to the place where you put the WASI SDK

Building

% cd vscode
% npm install
% npm run build

Running the Desktop Extension

  1. Open this folder in VS Code
  2. Press "F5" with the "Launch Extension" configuration
  3. in the [Extension Development Host] window, press Ctrl-Shift-P (or Cmd-Shift-P) and run wasm: run .NET WASI Program

A console should pop up with a message:

screenshot Hello, Wasi Console

Runnning the Web Extension

% cd vscode
% npm run test-browser

A browser window will open with a local instance of VS Code for the Web. press Ctrl-Shift-P and run wasm: run .NET WASI Program

A console should pop up with a message:

screenshot Hello, Wasi Console in a browser