electron-vite-vue
English | ็ฎไฝไธญๆ
๐ฅณ Real simple Electron
+ Vue
+ Vite
boilerplate.
Overview
๐ฆ Out of the box ๐ช Support C/C++ addons ๐ฉ Support Use ElectronใNode.js API in Renderer-process ๐ฑ Simple directory structure๏ผreal flexible ๐ฅ It’s easy to implement multiple windows
Quick Start
npm create electron-vite
Debug
Directory
A dist
folder will be generated everytime when dev
or build
command is executed. File structure of dist
is identical to the packages
directory to avoid any potential path calculation errors.
โโโ dist Will be generated following the structure of "packages" directory
| โโโ main
| โโโ preload
| โโโ renderer
|
โโโ scripts
| โโโ build.mjs Build script -> npm run build
| โโโ watch.mjs Develop script -> npm run dev
|
โโโ packages
| โโโ main Main-process source code
| | โโโ vite.config.ts
| โโโ preload Preload-script source code
| | โโโ vite.config.ts
| โโโ renderer Renderer-process source code
| โโโ vite.config.ts
List the modules you may use as far as possible
Used in Main-process
๐ electron-vite-boilerplate
Used in Renderer-process
๐ electron-vite-boilerplate/tree/nodeIntegration
ES Modules
Native Addons(C/C++)