Svelte启动器

sveltekit-electron — Svelte 启动器模板

作者 braebo

基于 SvelteKit 与 Electron 的最小启动模板,用于搭建跨平台桌面应用,采用 MIT 许可。

看看你的网站会是什么样

浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。

1 个预览视图
作者提供的预览
作者提供的预览首屏预览

来自项目 README 的原始预览。

目前有 1 张原始预览,可打开完整图片查看设计细节。

截图用于了解视觉与布局,交互效果请以实际项目为准。

采集于 2026-09-30查看来源

值得关注的模板亮点

从已有项目资料中,快速了解它的特点。

01

SvelteKit 与 Electron 结合的最小启动模板

02

提供克隆、安装、开发、构建的完整命令说明

03

构建目标可在 package.json 中调整,默认覆盖 Mac、Windows、Linux

04

README 明确要求使用 npm,并说明 pnpm 与 yarn 存在问题

05

采用 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 许可,允许免费使用、修改、商用和分发该版本代码,分发时需保留版权声明与许可声明。演示图片、字体、图标等第三方素材需单独核对许可;域名、托管、数据库等外部服务可能另行收费。

Svelte启动器

适合你的项目吗?

适用场景

  • 需要以 SvelteKit 作为前端、Electron 作为桌面外壳启动新项目
  • 希望从最小结构开始搭建跨平台桌面应用,而不是使用功能繁多的脚手架
  • 在 Mac、Windows、Linux 上构建同一套桌面应用
  • 使用 VSCode 与 Svelte for VSCode 扩展进行 Svelte 桌面开发

适合人群

  • 熟悉 npm 与 SvelteKit 基本工作流的开发者
  • 需要 Electron 桌面应用最小起步模板的团队
  • 希望自行控制构建目标与依赖更新的项目

上手与定制指南

结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。

  1. 1

    使用 npx degit fractalhq/sveltekit-electron 克隆模板

  2. 2

    执行 npm install 安装依赖,不要使用 pnpm 或 yarn

  3. 3

    运行 npm run dev 进行开发,npm run build 进行构建

  4. 4

    运行 npm update 与 npm audit fix 以应用 overrides,减少 Electron 相关漏洞

  5. 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 原文

In order to eliminate vulnerabilities caused by electron itself, please run `npm update` and `npm audit fix`. This will apply overrides.

README 原文
https://github.com/braebo/sveltekit-electron/blob/master/LICENSEhttps://github.com/braebo/sveltekit-electron/blob/master/README.md

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
反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。