最近在对比不同框架开发桌面端,经过一系列对比,经过初步的筛选,留下了Electron 和 tauri,这里我们就老说说 在win10 下我们如果用tauri 开发一个记事本应用。
安装开发前依赖
这是官网下 window 安装指引地址:tauri.studio/docs/gettin…
首先我们需要下载 Microsoft Visual Studio C++ 构建工具,安装时选择 C++ Build Tools 并确保选择了 Windows SDK。【个人建议使用vs 2019】
第二步 我们需要安装 node 服务【建议安装node 15+】
第三步 安装rust 运行环境
因为tauri 运行网页服务需要依赖浏览器环境,tauri 在window环境中 采用的微软最新开发的 webview2 插件,在window10 环境下 系统并没有默认下载webview2 ,所以需要安装webview2插件。
与现有前端框架配合运行tauri
- 第一步创建web应用 这里我将使用react的umi框架进行开发示例:
创建项目文件夹,
mkdir testTauri && cd testTauri
通过umi框架,创建项目
npx @umijs/create-umi-app
下载框架依赖
npm install
完成后,将tauri 添加进 umi项目内,执行
npm install -D @tauri-apps/cli
安装完成后,在package.json,scripts中添加tauri 启动命令
{
"scripts": {
"tauri": "tauri"
}
}
在testTauri 文件夹下 ,创建执行以下命令 创建 tauri 配置文件夹
npm run tauri init
运行后会在项目文件下生成以下结构文件
启动本地网页服务
npm start
启动tauri exe运行时
npm run tauri dev