SvelteKit 与 Electron 结合的最小启动模板
sveltekit-electron — Svelte 启动器模板
作者 braebo
基于 SvelteKit 与 Electron 的最小启动模板,用于搭建跨平台桌面应用,采用 MIT 许可。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
目前有 1 张原始预览,可打开完整图片查看设计细节。
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
提供克隆、安装、开发、构建的完整命令说明
构建目标可在 package.json 中调整,默认覆盖 Mac、Windows、Linux
README 明确要求使用 npm,并说明 pnpm 与 yarn 存在问题
采用 MIT 许可,允许免费使用、修改、商用与分发
模板详细介绍
该模板将 SvelteKit 与 Electron 组合在一起,提供最小化的桌面应用启动结构。仓库说明中给出的流程是:用 npx degit 克隆,执行 npm install 安装依赖,npm run dev 进入开发,npm run build 构建。构建目标可在 package.json 的 scripts 中调整 build:electron 命令的 flags,默认使用 -mwl,即同时面向 Mac、Windows 和 Linux。
使用上有明确限制:README 指出必须使用 npm,使用 pnpm 或 yarn 会出现问题;同时建议运行 npm update 与 npm audit fix 以应用 overrides,减少 Electron 自身带来的漏洞。推荐在 VSCode 中配合 Svelte for VSCode 扩展进行开发。
许可方面,仓库采用 MIT 许可,允许免费使用、修改、商用和分发该版本代码,分发时需保留版权声明与许可声明。演示图片、字体、图标等第三方素材需单独核对许可;域名、托管、数据库等外部服务可能另行收费。
适合你的项目吗?
适用场景
- 需要以 SvelteKit 作为前端、Electron 作为桌面外壳启动新项目
- 希望从最小结构开始搭建跨平台桌面应用,而不是使用功能繁多的脚手架
- 在 Mac、Windows、Linux 上构建同一套桌面应用
- 使用 VSCode 与 Svelte for VSCode 扩展进行 Svelte 桌面开发
适合人群
- 熟悉 npm 与 SvelteKit 基本工作流的开发者
- 需要 Electron 桌面应用最小起步模板的团队
- 希望自行控制构建目标与依赖更新的项目
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
使用 npx degit fractalhq/sveltekit-electron 克隆模板
- 2
执行 npm install 安装依赖,不要使用 pnpm 或 yarn
- 3
运行 npm run dev 进行开发,npm run build 进行构建
- 4
运行 npm update 与 npm audit fix 以应用 overrides,减少 Electron 相关漏洞
- 5
在 package.json 的 scripts 中修改 build:electron 的 flags 以调整构建目标,默认 -mwl
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 必须使用 npm 安装依赖;使用 pnpm 或 yarn 会出现问题,因此不能以这两种包管理器替代 npm。
- 为消除 Electron 自身带来的漏洞,需运行 npm update 与 npm audit fix 以应用 overrides,属于使用该模板的必要维护步骤。
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据
Permission is hereby granted, free of charge
许可证原文
Unfortunately you must use `npm` as there are issues that arise when using `pnpm` or `yarn`
README 原文
https://github.com/braebo/sveltekit-electron/blob/master/LICENSEhttps://github.com/braebo/sveltekit-electron/blob/master/README.mdIn order to eliminate vulnerabilities caused by electron itself, please run `npm update` and `npm audit fix`. This will apply overrides.
README 原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-01。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料一般 · 64 / 100
- 技术栈
- Svelte
- 网站类型
- 启动器
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2023-09-18
- 截图检查日期
- 2026-10-01
目前没有记录演示链接。请依据仓库说明在本地评估;仅凭截图无法确认交互行为。
目录记录的主要技术栈是 Svelte。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
已完成服务器许可规则与 AI 来源核对;未经过人工编辑审核。
查看当时使用的来源资料
SHA-256: ee3e11eed381f6faf1ac611a9ae705e328c1bf6cc69141ababb4a3cbe421ed65
2026-10-01T14:51:01.278Z
来源文件 / 仓库<p align="center"> <img src="static/sveltekit-electron.svg" /> </p> # Sveltekit + Electron Minimal [Sveltekit](https://github.com/sveltejs/kit#readme) + [Electron](https://www.electronjs.org/) starter template. <br /> ## Getting Started Unfortunately you must use `npm` as there are issues that arise when using `pnpm` or `yarn` | | | | ------- | ------------------------------------------- | | Clone | · `npx degit fractalhq/sveltekit-electron ` | | Install | · `npm install` | | Develop | · `npm run dev` | | Build | · `npm run build` | In order to eliminate vulnerabilities caused by electron itself, please run `npm update` and `npm audit fix`. This will apply overrides. <br /> <p align="center"> <img src="screenshot.png" /> </p> ## Recommended IDE Setup [VSCode](https://code.visualstudio.com/) + [Svelte for VSCode](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode) ## Change Build Targets In the scripts section of package.json you can update the `build:electron` command and change the flags to set the targets, by default it uses `-mwl` which is Mac, Windows, and Linux
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

CMSaasStarter
A modern SaaS template/boilerplate built with SvelteKit, Tailwind, and Supabase. Includes marketing page, blog…
Svelte · 后台

tauri-sveltekit
A minimal Tauri & SvelteKit starter template
Svelte · 启动器

modernstack-saas
A modern SaaS template/boilerplate built with SvelteKit, Convex, Better Auth, and shadcn-svelte. Includes subs…
Svelte · 后台

sveltekit-mdsvex-blog-template
MDsveX blog starter template built with Sveltekit & Tailwind
Svelte · 作品集

sveltekit-shadcn-blog-starter
Production-ready SvelteKit blog starter featuring shadcn-svelte UI, MDsveX for Markdown, Tailwind CSS styling,…
Svelte · 博客

monorepo-template
Modern full-stack boilerplate: FastAPI + Svelte 5. Production-ready with multi-stage builds.
Svelte · 启动器
