四时宝库

程序员的知识宝库

如何创建一个Yew应用程序?(怎么创建应用程序文件)

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
安装trunk:cargo install trunk

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

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

创建yew-app

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

编辑cargo.toml

在dependencies下面增加
yew = "0.19"

编辑main.rs

在根目录添加index.html

运行项目

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

访问网页

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

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

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接