如何使用 Tauri 设置 NextJS

发布日期:2026-04-29 10:00:29   浏览量 :5
发布日期:2026-04-29 10:00:29  
5

2026西湖龙井茶官网DTC发售:茶农直供,政府溯源防伪到农户家 

简介

本教程展示了如何将 NextJSTauri 结合使用,以构建适用于桌面和移动设备的小型原生应用程序。

为什么选择 NextJS 和 Tauri

NextJS 是 React 最流行的元框架。单独使用时,它用于 Web 开发,但通过浏览器“端口”,它可以导出为桌面和移动应用程序。

Tauri 就是那个“端口”。它的优势在于运行时性能。它构建的原生应用程序的大小仅为 Electron 应用程序的一小部分(300 MB 对 3 MB),并且使用 更少的运行时内存。别忘了,Rust 是 Tauri 应用程序的后端!

要求

前往 Tauri 的 网站 安装所需的一切!

在终端中开始

1. 打开终端并导航到你想放置 NextJS x Tauri 应用程序的位置。

2. 运行 pnpx create-next-app(或使用 NPM)。使用默认推荐设置。

创建 Next 应用

3. 使用 code [你的项目名称] 在你的集成开发环境(如 VSCode)中打开项目。

添加 Tauri

我将在 VSCode 内的终端中 手动 添加 Tauri,以便实时查看所有更改。

1. 确保你已使用 cargo install tauri-cli --version "^2.0.0" --locked 安装了 Tauri 命令行界面(版本 2)。鉴于底层是 Rust,我建议使用 Cargo。

Tauri 命令行界面安装

2. 运行 cargo tauri init 并按照默认建议操作。

Cargo Tauri 初始化

3. 确保这些设置位于 src-tauri/tauri.conf.json 文件中。

{
  "build": {
    

免责声明:本文内容来自互联网,该文观点不代表本站观点。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请到页面底部单击反馈,一经查实,本站将立刻删除。

关于我们
热门推荐
合作伙伴
免责声明:本站部分资讯来源于网络,如有侵权请及时联系客服,我们将尽快处理
支持 反馈 订阅 数据
回到顶部