English | 简体中文
📦 Out of the box
🎯 Based on the official react-ts template, less invasive
🌱 Extensible, really simple directory structure
💪 Support using Node.js API in Electron-Renderer
🔩 Support C/C++ native addons
🖥 It's easy to implement multiple windows
npm create electron-vite
🚨 By default, the files in electron
folder will be built into the dist/electron
├── electron Electron-related code
│ ├── main Main-process source code
│ ├── preload Preload-script source code
│ └── resources Resources for the production build
│ ├── icon.icns Icon for the application on macOS
│ ├── icon.ico Icon for the application
│ ├── installerIcon.ico Icon for the application installer
│ └── uninstallerIcon.ico Icon for the application uninstaller
│
├── release Generated after production build, contains executables
│ └── {version}
│ ├── {os}-unpacked Contains unpacked application executable
│ └── Setup.{ext} Installer for the application
│
├── public Static assets
└── src Renderer source code, your React application
Put Node.js packages in dependencies
e.g. electron-store
sqlite3
serilaport
mongodb
...others
Put Web packages in devDependencies
e.g. react
react-dom
react-router
mobx
zustand
antd
axios
...others
See more 👉 dependencies vs devDependencies
e.g. node-fetch
execa
got
...