win10 下运行tauri

2,267 阅读1分钟

最近在对比不同框架开发桌面端,经过一系列对比,经过初步的筛选,留下了Electron 和 tauri,这里我们就老说说 在win10 下我们如果用tauri 开发一个记事本应用。

安装开发前依赖

这是官网下 window 安装指引地址:tauri.studio/docs/gettin…

首先我们需要下载 Microsoft Visual Studio C++ 构建工具,安装时选择 C++ Build Tools 并确保选择了 Windows SDK。【个人建议使用vs 2019】

第二步 我们需要安装 node 服务【建议安装node 15+】

第三步 安装rust 运行环境

  1. 32位系统安装
  2. 64位系统安装

因为tauri 运行网页服务需要依赖浏览器环境,tauri 在window环境中 采用的微软最新开发的 webview2 插件,在window10 环境下 系统并没有默认下载webview2 ,所以需要安装webview2插件。

  1. webview2 下载地址

与现有前端框架配合运行tauri

  1. 第一步创建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 启动命令

image.png

{
    "scripts": {
        "tauri": "tauri"
    }
}

在testTauri 文件夹下 ,创建执行以下命令 创建 tauri 配置文件夹

npm run tauri init

运行后会在项目文件下生成以下结构文件

image.png

启动本地网页服务

npm start

启动tauri exe运行时

npm run tauri dev

image.png