Skip to content

BUILT FOR VITE+One build rhythm. Every Electron process.

A focused Electron toolchain that coordinates main, preload, and renderer from one typed Vite+ configuration.

electron-vite-plus · dev running

$ vp run dev

VITE+ running task dev

01
mainNode runtime · ESM
restart ↻
02
preloadSecure bridge · CJS
reload ↗
03
rendererChromium · Vite HMR
update ⚡

Electron ready in 684ms

One configThree targetsOne dev loop

GETTING STARTED

From zero to a running desktop app.

Scaffold a vanilla, React, or Vue project. The generator wires every Electron entry and Vite+ task for you.

Read the guide
01npm create electron-vite-plus@alpha my-app
02cd my-app && vp install
03vp run dev

01 / CONFIG

One source of truth

Keep Electron targets, renderer plugins, linting, tests, and task settings together in vite.config.ts.

02 / FEEDBACK

Desktop-aware development

Main changes restart Electron. Preload changes refresh the bridge. Renderer changes stay on the fast HMR path.

03 / DEFAULTS

Correct output by default

Node-oriented builds for privileged code, a familiar Vite pipeline for the web surface, and predictable output under out/.

04 / VITE+

Native to the Vite+ workflow

Use one task runner from the first local edit to the production build.

THE ELECTRON-AWARE LAYER

Three environments.
Precisely coordinated.

electron-vite-plus adds the desktop lifecycle Vite+ needs without hiding the Vite APIs you already know.

01 · NODE RUNTIME

Main process

Build Electron lifecycle code, keep native dependencies external, and restart only when the main bundle changes.

02 · SECURE BRIDGE

Preload scripts

Compile the context bridge with safe defaults, then reload connected renderers when its contract changes.

03 · CHROMIUM

Renderer app

Keep the full Vite plugin ecosystem, asset pipeline, framework integrations, and near-instant hot updates.

OPEN SOURCE · MIT LICENSE

Build Electron apps
in the Vite+ rhythm.

Released under the MIT License.