codecamp

Tauri 创建前端

Next.js 是一款支持服务端渲染 (SSR) 和静态网站生成 (SSG) 的 React 框架。 由于 Tauri 仅能接受 Next.js 所生成的静态文件,我们将使用 Next.js 的静态网站生成模式。

Next.js 自带一个类似于 ​create-tauri-app​ 的脚手架工具,可以从许多预定义的模板中快速设置一个新项目。对于本指南,我们将使用建议的默认选项回答所有问题,包括支持 TypeScript 和在 v13.4 版本中稳定的新 ​App Router​ 功能。如果您使用旧的 ​routes/​ 目录,或者在 ​app/​ 目录之上使用它,您仍然需要按照 "Next.js Static Exports" 部分中所述更改配置,但您使用 Tauri 特定的 JavaScript API 的方式将与下文描述的方式不同。

  • npm
npx create-next-app@latest --use-npm
  • Yarn
yarn create next-app  --use-yarn
  • pnpm
pnpm create next-app --use-pnpm


Tauri 调用指令
Tauri Next.js 静态导出
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

Tauri 指南

Tauri 特性

Tauri 插件

Tauri 应用程序接口

Tauri JavaScript/TypeScript

Tauri 命令行界面

Tauri 进程

Tauri 参考

Tauri WebView 版本

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }