Vue-Electron-Template

The boilerplate for making electron applications using vue.js

Overview

The aim of this template is to remove the need of manually setting up electron apps using vue. vue-electron takes advantage of webpack-4 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 and building enviroment.

What does it offer?

• Basic project structure with a single package.json setup
• Ready to use Vue plugins (vue-router, vuex, vue-electron)
• Installed vue-devtools and devtron tools for development
• Bulma and Font-awesomse-5 installed.
• Ability to easily package your electron app using electron-builder
• DEV & BUILD NPM scripts using webpack-4 and vue-loader with Hot Module Replacement enabled
• Process restarting when working in main process
• CSS/JS pre-processor support with vue-loader
• ES6 with stage-0 by default
• ESLint configured

Getting Started

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

# Clone this repository
git clone https://github.com/mubaidr/vue-electron

# change directory to cloned path
cd vue-electron

# Install dependencies
npm install

# Run in `DEV` mode
npm run dev

# Build installer for this app
npm run build

# Build directory for this app with executeable
npm run build:dir

# Lint all source files using ESLINT
npm run lint

Project structure

src contains all the source files.

src/main contains electron main script.

src/renderer contains vue-js application.

vue-electron directory contains dev and build scripts

Credits

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

* This template is inspired by electron-vue