vite-react-electron

awesome-vite

GitHub stars

GitHub issues

GitHub license

Required Node.JS >= 14.18.0 || >=16.0.0

English | 简体中文

概述

📦 开箱即用  

🎯 基于官方的 template-react-ts, 低侵入性  

🌱 结构清晰,可塑性强  

💪 支持在渲染进程中使用 Electron、Node.js API  

🔩 支持 C/C++ 模块  

🖥 很容易实现多窗口  

快速开始


# clone the project

gitclonehttps://github.com/electron-vite/electron-vite-react.git


# enter the project directory

cdelectron-vite-react


# install dependency

npminstall


# develop

npmrundev

调试

electron-vite-react-debug.gif

目录

🚨 默认情况下, 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代码

🔧 额外的功能

  1. Electron 自动更新 👉 阅读文档

  2. Playwright 测试

❔ FAQ

🍵 🍰 🍣 🍟

<imgwidth="270"src="https://github.com/caoxiemeihao/blog/blob/main/assets/$qrcode/$.png?raw=true">