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.
SCSS
/SASS
support with vue-loader (removes unused css/styles during build)Typescript
support (for Vuejs
as well)child_process
module. Sample Worker File
vue-devtools
installedDEV
, DEBUG
& BUILD
NPM scriptsBabel
configuredESLint
configuredvscode
debug config for renderer process debuggingdist/web
directory too--debug
paramter to enable dev tools in production build executeableClone this repository, install dependencies and run using either dev
, debug
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 `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
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):
This project follows the all-contributors specification. Contributions of any kind welcome!