Korbin
Korbin
发布于 2022-02-26 / 0 阅读
0
0

Rust框架Yew的使用

Rust框架Yew的使用

环境搭建

Yew框架也是将rust代码编译成WebAssembly,添加target

rustup target add wasm32-unknown-unknown

安装trunk,他与wasm-pack类似,是将rust编译成wasm的重要工具。

cargo install trunk

实现Hello World

1.创建项目,用cargo创建一个新的project

cargo new yew-app

2. 添加依赖,在Cargo.toml中添加yew依赖

[dependencies]
yew = { git = "https://github.com/yewstack/yew/" }

3.实现Hello World

use yew::prelude::*;

#[function_component(App)]
fn app() -> Html {
    html! {
        

{ "Hello World" }

} } fn main() { yew::start_app::(); }

4.在项目根目录下创建index.html







启动Web应用

trunk serve

评论