vite-react-electron

概述

📦 内部已集成 sqlite + sequelize(ORM) + electron-store 开箱即用
⚡️ 约定式文件路由
🎯 基于官方的 template-react-ts, 低侵入性
🌱 结构清晰，可塑性强
💪 支持在渲染进程中使用 Electron、Node.js API
🔩 支持 C/C++ 模块
🖥 很容易实现多窗口

快速开始

# clone the project
git clone https://github.com/acmenlei/lx-electron-react-template.git

# enter the project directory
cd lx-electron-react-template

# install dependency
npm install

# develop
npm run dev

调试

目录

🚨 默认情况下, electron 文件夹下的文件将会被构建到 dist-electron

├── electron                                 Electron 源码文件夹
│   ├── main                                 Main-process 源码
│   └── preload                              Preload-scripts 源码
│
├── release                                  构建后生成程序目录
│   └── {version}
│       ├── {os}-{os_arch}                   未打包的程序(绿色运行版)
│       └── {app_name}_{version}.{ext}       应用安装文件
│
├── public                                   同 Vite 模板的 public
└── src                                      渲染进程源码、React代码
    └── {pages}                              文件路由(你可以像nextjs一样使用路由)

🔧 额外的功能

1. Electron 自动更新 👉 阅读文档
2. Playwright 测试

❔ FAQ

• C/C++ addons, Node.js modules - Pre-Bundling
• dependencies vs devDependencies