mirror of
https://github.com/electron-vite/electron-vite-vue
synced 2025-08-24 13:31:21 +08:00
3041cc6d85611664a3e992809f29cc8b64d29173
electron-vite-vue
🥳 Really simple Electron
+ Vue
+ Vite
boilerplate.
Features
📦 Out of the box
🎯 Based on the official vue-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
Quick Start
npm create electron-vite
Debug
Directory
+ ├─┬ electron
+ │ ├─┬ main
+ │ │ └── index.ts entry of Electron-Main
+ │ └─┬ preload
+ │ └── index.ts entry of Preload-Scripts
├─┬ src
│ └── main.ts entry of Electron-Renderer
├── index.html
├── package.json
└── vite.config.ts
🚨 Be aware
By default, this template integrates Node.js in the Renderer process. If you don't need it, you just remove the option below. Because it will modify the default config of Vite.
# vite.config.ts
electron({
- renderer: {}
})
FAQ
- dependencies vs devDependencies
- Using C/C++ native addons in Electron-Renderer
- Node.js ESM packages (e.g.
execa
node-fetch
)
Languages
TypeScript
72.7%
Vue
13.7%
CSS
10.3%
HTML
3.3%