codecamp

Tauri 创建前端

SvelteKit 是一个主要用于服务器端渲染(SSR)的 Svelte 前端框架。为了使 SvelteKit 与 Tauri 正常工作,需要禁用 SSR 并使用 @sveltejs/adapter-static 来创建基于前端的静态页面生成(SSG)。

SvelteKit 包含一个类似于 create-tauri-app 的脚手架工具,可以快速设置一个新项目,并提供许多自定义选项。在本指南中,我们将选择 TypeScript 模板,并启用 ESLint 和 Prettier。

  • npm
  • Yarn
  • pnpm
pnpm create svelte
  1. 项目名称这将是您的 JavaScript 项目的名称。 对应此工具将创建的文件夹的名称,但在其他方面对你的应用没有影响。 您可以在此处填写任何您想要的名称。
  2. App templateWe will select the Skeleton project for a barebones template. 如果你想要使用一个更完整的 SwelteKit 示例体验,你可以选择 SwelteKit 演示应用程序。
  3. 输入检查您是否想要在您的项目中通过 JSDoc 或 TypeScript 进行类型检查。 对于本指南,我们假设您选择 TypeScript。
  4. 是否要使用ESLint进行代码检查和Prettier进行代码格式化来启动您的项目。在本指南中不会有关于这个问题的其他提及,但我们建议启用这两个选项。
  5. 浏览器测试SwelteKit 为浏览器测试提供内置的 Playwright 支持。 既然 Tauri API 不适用于 Playwright,我们建议不要添加它。 请查看我们的WebDriver文档,了解使用Selenium或WebdriverIO替代Playwright的替代方案。


Tauri 调用指令
Tauri 在 SvelteKit 使用 SSG 模式
温馨提示
下载编程狮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; }