Skip to content

electron-vite/electron-vite-vue

Repository files navigation

electron-vite-vue

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

GitHub Build GitHub Discord

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 Setup

# clone the project
git clone https://github.com/electron-vite/electron-vite-vue.git

# enter the project directory
cd electron-vite-vue

# install dependency
npm install

# develop
npm run dev

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

FAQ