Yew是什么

是一个设计先进的Rust框架,目前是使用WebAssembly来创建多线程的web应用。

基于组件的框架:可以轻松得创建交互式UI。拥有React或Elm等框架的开发人员在使用Yew时会感到得心应手。

高性能,前端开发者恶意轻易的将工作分流至后端来减少Dom Api的调用,从而达到异常出色的性能。

支持与JavaScript交互,允许开发者使用Npm包,并与现在的Script应用程序结合

在开始之前需要你有一定的Rust、js、html的基础

我还对Rust不熟悉,可以通过什么方式进行学习呢?

可以通过官网教程学习:https://www.rust-lang.org/

Rust语言圣经:https://course.rs/about-book.html

如果我对js、html前端知识不熟悉呢?

可以在bilibili上面搜索前端教程,也可以通过w3shcool:https://www.w3school.com.cn/html/index.asp

创建一个Yew应用程序

1需要用到的环境

Rust (上面有官网地址,可以到官网进行安装) trunk wasm32-unknown-unknown

w框架怎么做(如何创建一个Yew应用程序)(1)

安装trunk:cargo install trunk

因为我已经安装过了,安装过程需要耐心等待

w框架怎么做(如何创建一个Yew应用程序)(2)

安装wasm32:rustup target add wasm32-unknown-unknown

创建yew-app

第一步先创建一个项目 cmd:cargo new yew-app cmd: cd yew-app cmd:cargo run 以上执行完成后控制台会输出hello world

w框架怎么做(如何创建一个Yew应用程序)(3)

编辑cargo.toml

w框架怎么做(如何创建一个Yew应用程序)(4)

在dependencies下面增加 yew = "0.19"

编辑main.rs

w框架怎么做(如何创建一个Yew应用程序)(5)

在根目录添加index.html

w框架怎么做(如何创建一个Yew应用程序)(6)

运行项目

w框架怎么做(如何创建一个Yew应用程序)(7)

使用命令: trunk serve trunk可以自动热部署

访问网页

通过上面运行可以看到端口绑定8080,可以通过浏览器访问本机的8080端口

w框架怎么做(如何创建一个Yew应用程序)(8)

一个简单的Yew应用程序就运行成功啦!!!

,