Electron Vue Next

screenshot of Electron Vue Next
vite
vitepress
vue

A starter template for using vue-next with the electron.

Overview

This repository contains a starter template for using vue-next with the latest version of Electron. It was inspired by the project electron-vue and follows the security guide of Electron to create a browser-only environment for the renderer process. The template also includes features such as using electron-builder for building, empowering vue-next and its eco-system, using vite for fast development, utilizing vuex 4.0 for state management, incorporating vue-router-next for routing, and implementing eslint with JavaScript Standard by default. The template also has built-in TypeScript support, uses esbuild in rollup to build main process TypeScript code, includes Github Action with Github Release out-of-the-box, and automatically bumps version in package.json and generates CHANGELOG.md if following the Conventional Commits approach. It also integrates well with VSCode, supports debugging .ts/.vue files in main/renderer process using the VSCode debugger, provides multiple window support, and includes vue-devtool support.

Features

  • Electron 11
  • Follows the security guide of Electron
  • Uses electron-builder for building
  • Empowers vue-next and its eco-system
  • Uses vite for fast development
  • Uses vuex 4.0 for strong type state, getters, and commit
  • Uses vue-router-next for routing
  • Uses eslint with JavaScript Standard by default
  • Built-in TypeScript support
  • Uses esbuild in rollup to build main process TypeScript code
  • GitHub Action with GitHub Release out-of-the-box
  • Automatic version bumping and CHANGELOG.md generation
  • Integration with VSCode
  • Supports debugging .ts/.vue files in main/renderer process using VSCode debugger
  • Multiple windows support
  • vue-devtool support
vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

vitepress
Vitepress

VitePress is a static site generator designed for creating documentation websites. It offers a lightweight and fast development experience using Vue.js and Markdown, with features such as live-reload, theming, and customizable layout components.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

rollup
Rollup

RollupJS is a popular and efficient JavaScript module bundler that takes the code from multiple modules and packages them into a single optimized file, minimizing the overall size of the application and improving its performance.