You will need a couple of tools to compile, build, package and debug your Yew application. When getting started, we recommend using Trunk. Trunk is a WASM web application bundler for Rust.
To install Rust, follow the official instructions.
The minimum supported Rust version (MSRV) for Yew is
1.56.1. Older versions can cause unexpected
issues accompanied by incomprehensible error messages. You can check your toolchain version using
rustup show (under "active toolchain") or alternatively
rustc --version. To update your
Install WebAssembly target
Rust can compile source codes for different "targets" (e.g. different processors). The compilation
target for browser-based WebAssembly is called
wasm32-unknown-unknown. The following command will
add the WebAssembly target to your development environment.
rustup target add wasm32-unknown-unknown
Trunk is the recommended tool for managing deployment and packaging, and is used throughout the documentation and examples.
# note that this might take a while to install, because it compiles everything from scratch
# Trunk also provides prebuilt binaries for a number of major package managers
# See https://trunkrs.dev/#install for further details
cargo install --locked trunk
There are options other than Trunk that may be used for bundling Yew applications. You might want to try one of these options:
xtask-wasm(still in early development)
With your development environment setup, you can now proceed with reading the documentation. If you like to learn by getting your hands dirty, we recommend you check out our tutorial