electron-vite-vue

awesome-vite Netlify Status GitHub license GitHub stars GitHub forks

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

electron-vite-vue.gif

Debug

electron-vite-react-debug.gif

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++)

GitHub

View Github