返回

create-arsh-electron:一行命令起 Electron

2026年9月29日 · 产品

create-arsh-electron 今天正式发布 npm。它回答一个很具体的问题:2026 年了,起一个 Electron 桌面项目,为什么还要装完脚手架再修一轮构建配置?

npm create arsh-electron@latest my-app
bash

它是什么:出厂即正确的 Electron 项目

一条命令得到 Electron 42 + Vite 8 + React 19 + TypeScript 6 + Tailwind CSS 4 的完整项目,外加:

  • 无边框窗口 + 自绘标题栏(最小化/最大化/关闭、可选置顶),配 8 个常用 UI 原语与 CSS 变量主题——这层通常是每个桌面项目都要重写一遍的;
  • vitest 测试基线 + GitHub Actions CI:push/PR 自动跑 lint、类型检查和测试;
  • 打包修复出厂内置:构建产物自动清理、dependencies/devDependencies 分区、Electron 二进制镜像、完整 .gitignore,git 首提交自动完成。

命名也是全自动的:my-app 会变成 productName MyApp、appId com.arshdelight.myapp(--scope 可换前缀),author 取自 git config——官方脚手架里要手动改的 YourAppID / YourAppName 占位符,在这里不存在。

create-arsh-electron 生成的项目首次启动画面:无边框窗口、自绘标题栏与起始页

图:生成的项目首次启动画面——无边框窗口、自绘标题栏,起始页即带热更新演示

实测数字

Windows 11 / Node 24 环境实测:脚手架生成 0.5 秒,npm install 7.5 秒,npm run build 全程 35.2 秒打出 97.7 MB 安装包,app.asar 0.26 MB,自带测试 3/3 通过。

三十秒上手

  1. npm create arsh-electron@latest my-app(Node ≥ 20.11;问答只有两个:项目名、是否 git init)
  2. cd my-app && npm install
  3. npm run dev——窗口起来即见热更新
  4. 想深入原理:四个 build 坑为什么这么修、AGENTS.md 如何访谈出项目约定,见长文《create-arsh-electron:2026 Electron 脚手架》

MIT 开源。如果你在评估 Electron 桌面方案,或者想让人直接把项目做出来——欢迎聊聊。

相关文章

这篇文章帮到你了吗?

有疑问、发现错误,或想聊聊你的实践。 每一条反馈我们都会认真读。

想聊聊你的项目?

文中遇到的问题,我们大多亲手踩过、修过。安许科技帮中小企业做 Web 系统、桌面软件与 AI 辅助交付,远程协作、按项目报价。