Skip to content

electron-vite/electron-vite-vue

main
Switch branches/tags
Code

electron-vite-vue

πŸ₯³ Really simple Electron + Vue + Vite boilerplate.

awesome-vite Netlify Status GitHub license GitHub stars GitHub forks GitHub Build

Features

πŸ“¦ Out of the box
🎯 Based on the official template-vue-ts, 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

electron-vite-vue.gif

Debug

electron-vite-react-debug.gif

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