Vue Templates Logo Vue Templates
Vue Electron screenshot

Vue Electron

Author Avatar Theme by Kdydesign
Updated: 5 Jul 2021
45 Stars

An Electron & Vue.js quick start boilerplate with vue-cli scaffolding, common Vue plugins, electron-packager/electron-builder, unit/e2e testing, vue-devtools, and webpack, Quasar1.x/Vuetify2.x Sass/Less/Stylus.

Github

Categories

Less Scss Vuetify

Overview:

The Vue-Electron Boilerplate is a quick start boilerplate that combines Electron and Vue.js. It provides support for vue-cli and keeps core dependency modules up to date. With this boilerplate, developers can easily start building Electron apps with Vue.js.

Features:

  • Electron 11.x: The boilerplate utilizes the latest version of Electron.
  • Vue-CLI 3.x: Supports the latest version of vue-cli for efficient development.
  • Vue 2.x: Integrates Vue.js version 2 for building dynamic and interactive user interfaces.
  • Babel 7.x: Utilizes Babel version 7 for transpiling JavaScript code.

Installation:

To install the Vue-Electron Boilerplate, follow these steps:

  1. Make sure you have Node.js installed on your system.

  2. Open a terminal and run the following command to clone the boilerplate repository:

    git clone [boilerplate repository URL]

  3. Navigate into the cloned repository:

    cd [repository directory]

  4. Install the dependencies:

    npm install

  5. Start the development server:

    npm run dev

  6. Open a web browser and access the development server at http://localhost:8080.

Summary:

The Vue-Electron Boilerplate is a convenient starting point for developing Electron apps using Vue.js. It provides an integrated setup with support for vue-cli and the latest versions of Electron and other core modules. By following the installation guide, developers can quickly set up their development environment and start building Electron apps with Vue.js.