Awesome Open Source
Awesome Open Source


Build Status Build status All Contributors

Template for building desktop applications using Electronjs and Vue.js


This template takes advantage of webpack-5 with vue-loader, electron-builder, and some of the most used plugins like vue-router, vuex and so much more to provide an easy to use development (with vscode debugging) enviroment with hot module replacement.


  • Bulma-Fluent, a theme suitable for desktop application based on Bulma
  • vue-router
  • vuex
  • vue-electron
  • material-design-icons installed
  • Some built-in animaitons animations.scss
  • SCSS/SASS support with vue-loader (removes unused css/styles during build)
  • Typescript support (for Vuejs as well)
  • Worker scripts (to perform CPU-intensive operations), to use with nodejs child_process module. Sample Worker File
  • Easily package your electron app using electron-builder
  • vue-devtools installed
  • DEV, DEBUG & BUILD NPM scripts
  • Babel configured
  • ESLint configured
  • vscode debug config for renderer process debugging
  • Process restarting when working in main process & hot module replacement for renderer
  • Generates web/browser build in the dist/web directory too
  • --debug paramter to enable dev tools in production build executeable


Getting Started

Clone this repository, install dependencies and run using either dev, debug or build command.

# Clone this repository
git clone

# change directory to cloned path
cd vue-electron

# Install dependencies
npm install

# Run in `debug` mode, to debug app using VSCODE
npm run debug

# Run in `dev` mode
npm run dev

# Build installer for this app
npm run build

Project structure

src/main contains electron main script.

src/renderer contains vue-js application.

src/utilities/workerSample.ts a sample worker script.


All credits to authors of packages and tools used in the project.

* This template is inspired by electron-vue


Thanks goes to these wonderful people (emoji key):

Jibbie R. Eguna




This project follows the all-contributors specification. Contributions of any kind welcome!

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,511,655
Vue (81,071
Webpack (9,583
Electron (5,994
Boilerplate (5,525
Starter (1,239
Webpack4 (1,088
Rollup (907
Bulma (894
Starter Template (673
Electronjs (439
Electron Vue (198
Related Projects