Skip to content

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

License

Notifications You must be signed in to change notification settings

sanjinhub/electron-vite-vue

Β 
Β 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

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

export default {
  plugins: [
-   // Use Node.js API in the Renderer-process
-   renderer({
-     nodeIntegration: true,
-   }),
  ],
}

FAQ

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 68.6%
  • Vue 16.0%
  • CSS 11.7%
  • HTML 3.7%