tauri 尝试

323 阅读1分钟

简介

tauri 官网的介绍挺简单的 为多平台部署构建优化、安全且独立于前端的应用程序

image.png

快速开始

官网上提供了两种方式,一种是传统式,一种是工程化式(集成打包,语法转换,图片压缩,postss语法解析...) image.png 相信每个会ctrl+c,ctrl+v的开发者都可以快速搭建出一个hello tauri

项目初始化

image.png

image.png 可以看到脚手架集成的还挺齐全的,当下流行度较高的几大框架以及对应工程化的脚手架(vue,vite, react, sevlte, solid)

第一次启动还是比较慢的

image.png

image.png 编译完成就可以看到这个应用框了 使用其他的脚手架里面的内容会有差异 image.png

目录结构

image.png

image.png

src目录下就是我们熟悉的vue 初始化的项目结构了,如果只是需要一个应用的壳那么就可以直接在src 下编写我们所需要的功能了

集成阿里Oasis 引擎

添加 "@oasis-engine/controls", "oasis-engine": "^0.6.9"

image.png 使用官方demo 创建组件完成效果如下

demo.gif 然后是blander 在下载一个动作和一个模型合成一个新的模型效果如下

ttt.gif

第一次打包需要编译也会很慢 image.png

模仿 qwerty 网站的打字功能

qwerty 可以在线切换词典,支持英语,日语,以及开发者常用的api方法单词联系 最终效果如下

6月25日_.gif