<返回更多

如何创建一个Yew应用程序?

2022-06-20    程序梦
加入收藏

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
如何创建一个Yew应用程序?

 

安装trunk:cargo install trunk

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

如何创建一个Yew应用程序?

 

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

创建yew-App

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

 

编辑cargo.toml

如何创建一个Yew应用程序?

 

在dependencies下面增加
yew = "0.19"

编辑main.rs

如何创建一个Yew应用程序?

 

在根目录添加index.html

如何创建一个Yew应用程序?

 

运行项目

如何创建一个Yew应用程序?

 

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

访问网页

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

如何创建一个Yew应用程序?

 

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

声明:本站部分内容来自互联网,如有版权侵犯或其他问题请与我们联系,我们将立即删除或处理。
▍相关推荐
更多资讯 >>>