mirror of
https://github.com/microsoft/vscode-extension-samples.git
synced 2026-04-27 16:55:44 +08:00
26 lines
1.5 KiB
Markdown
26 lines
1.5 KiB
Markdown
# 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](https://www.rust-lang.org/): installation instructions can be found [here](https://www.rust-lang.org/tools/install)
|
|
- [wasm-tools](https://github.com/bytecodealliance/wasm-tools): releases can be found [here](https://github.com/bytecodealliance/wasm-tools/releases). 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](https://code.visualstudio.com/api/extension-guides/web-extensions#test-your-web-extension-in-vscode.dev) 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`. |