怎么用 tauri 创建一个桌面应用程序(Electron)

以前用 Electron 做过一个桌面应用程序,打包体积确实很大,启动也很慢。这次先 tauri。

并且用 bun 代替 npm 速度更快,避免总是出现依赖问题。

前端用 react 为了学习下,用 js 先现在主流的 typescript。

安装 bun

复制代码
npm install -g bun

配置阿里源

在 C:\Users\huyun 个人用户目录新建文件 .bunfig.toml

复制代码
[install]
registry = "https://registry.npmmirror.com/"

先安装 tauri 依赖

先决条件 | Tauri 中文网

找个目录打开 cmd 执行安装 tauri

复制代码
bun create tauri-app

✔ Project name · countdown-alarm

✔ Identifier · com.huyunan.countdown-alarm

✔ Choose which language to use for your frontend · TypeScript / JavaScript - (pnpm, yarn, npm, deno, bun)

✔ Choose your package manager · bun

✔ Choose your UI template · React - (https://react.dev/)

✔ Choose your UI flavor · TypeScript

复制代码
cd countdown-alarm
bun install
# For H5 development, run:
bun run dev
# For Desktop development, run:
bun run tauri dev

# 如果只是桌面程序不用执行下面命令
# For Android development, run:
bun run tauri android init
bun run tauri android dev

如果报错:failed to run 'cargo metadata' command to get workspace directory: program n

是 tauri 依赖 rust 没安装。

执行 bun run tauri dev 后会启动桌面程序

相关推荐
2501_930104047 小时前
Chrome 插件开发入门:从基础到实践
前端·chrome
EndingCoder7 小时前
单元测试:Jest 与 Electron 的结合
javascript·electron·单元测试·前端框架
IT_陈寒8 小时前
Python异步编程的7个致命误区:90%开发者踩过的坑及高效解决方案
前端·人工智能·后端
猫猫村晨总8 小时前
整理了几道前端面试题
前端·vue.js·面试
江拥羡橙8 小时前
【目录-多选】鸿蒙HarmonyOS开发者基础
前端·ui·华为·typescript·harmonyos
你的电影很有趣8 小时前
lesson55:CSS导航组件全攻略:从基础导航条到动态三级菜单与伸缩菜单实现
前端·css
蔗理苦8 小时前
2025-09-05 CSS4——浮动与定位
开发语言·前端·css·html·css3
浊浪载清辉9 小时前
《Html泛型魔法学院:用霍格沃茨风格网页教授集合框架》
前端·javascript·学习·html
Want5959 小时前
HTML元素周期表
前端·html