.github | ||
.vscode | ||
packages | ||
scripts | ||
test | ||
.gitignore | ||
.simple-git-hooks.cjs | ||
CHANGELOG.md | ||
Dockerfile | ||
electron-builder.json5 | ||
LICENSE | ||
nano-staged.mjs | ||
package-lock.json | ||
package.json | ||
playwright.config.ts | ||
README.md | ||
README.zh-CN.md | ||
tsconfig.json | ||
types.d.ts |
electron-vite-vue
English | 简体中文
🥳 Real simple Electron
+ Vue
+ Vite
boilerplate.
Quick Start
Overview
This is a Vite
-integrated Electron
template built with simplification in mind.
The repo contains only the most basic files, dependencies and functionalities to ensure flexibility for various scenarios.
You need a basic understanding of Electron
and Vite
to get started. But that's not mandatory - you can learn almost all the details by reading through the source code. Trust me, this repo is not that complex. 😋
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