Files
vscode-extension-samples/wasm-component-model
Matt Bierner 2ee6b0b7b9 Update all of our samples to target VSCode 1.100 or newer
This makes sure that if folks get a relatively recent `vscode.d.ts`. It also lets us safely bump up the target to es2024 so you can use all the latest lib additions
2025-08-07 07:57:14 -07:00
..
2024-04-12 11:54:55 +02:00
2025-08-06 23:43:14 -07:00
2024-05-07 16:12:01 +02:00
2024-08-26 11:20:50 +02:00

WASM Component Model Example

An example demonstrating how to use the component model to integrate WebAssembly code into VS Code.

Functionality

A simple calculator that can perform add, sub, mul and div. The calculator is implemented in Rust and compiled to WebAssembly code and then call from JavaScript.

Pre-requisites

To run the sample the following tool chains need to be installed

  • Rust: installation instructions can be found here
  • wasm-tools: releases can be found here. You need at least version >= 1.200 to run the example.

Running the Sample in the Desktop

  • Run npm install in this folder. This installs all necessary npm modules.
  • Open VS Code on this folder.
  • Execute the launch config Run Example.

Running the Sample in the Web

As a pre-requisite follow the instructions here to generate necessary certificate to side load the extension into vscode.dev or insiders.vscode.dev.

Then compile the extension for the Web by running npm run esbuild, start a local extension server using npm run serve, open vscode.dev or insiders.vscode.dev in a browser and execute the command Install Extension from Location. As a location use https://localhost:5000.