itlixiaolong / electron-vue-project

a electron project base on vue-elctron-template

Vue-Electron-Template

The boilerplate for electron applications using vue.js

Checkout (experimental) vue-electron-template using Rollup.js

Overview

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?

• Ready to use Vue plugins (vue-router, vuex, vue-electron)
• Installed vue-devtools and devtron tools for development
• Bulma-Pro, a theme suitable for desktop application based on Bulma
• Font-awesomse-5 installed
• 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
• ES7 with env by default
• ESLint configured
• Babel configured

Screenshot

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

Project structure

src/main contains electron main script.

src/renderer contains vue-js application.

Credits

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

* This template is inspired by electron-vue