Building an Electron App with VueJS and Vite

1. electron-vue-template

   1 2 677 5.5 JavaScript

   Simple Vue3 + Electron starter template in TypeScript. Includes ViteJS and Electron Builder

   

   Of the three packages mentioned, electron-vue-template is the only one that comes with Vite built-in. This alone is a reason to utilize the template.

2. SurveyJS

   surveyjs.io featured

   SurveyJS: Build JSON-Driven Surveys and Forms with Full Data Control. Add the SurveyJS UI components to your JS app (React/Angular/Vue3). Securely collect and analyze data without sending it to 3rd-party servers. Fully customizable, works with any backend, and ideal for data-heavy apps. Learn more.

   

3. vuex

   2 90 28,421 2.5 JavaScript

   🗃️ Centralized State Management for Vue.js.

   

   I'll be integrating a state-management system soon - either Vuex or Pinia. I'm curious to see what this process looks like within an Electron app utilizing Vue, but I'll try my best to write up a blog post as I go through the process.

4. electron-vue

   3 6 15,411 0.0 JavaScript

   Discontinued 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.

   It appears electron-vue, the leading Github repository that combines VueJS and Electron hasn't had a commit since April 21, 2021. Prior to the April 21st commits, it hasn't had serious contribution activity since December 3rd, 2019 and before that October 23, 2018.

5. vite

   4 929 77,163 9.9 TypeScript

   Next generation frontend tooling. It's fast!

   

   Vite is in a league of its own when it comes to Hot Module Replacement (HMR). Because of its on demand file serving, application build times are nearly instant - far, far quicker than any other build tool that exists.

6. vue-cli-plugin-electron-builder

   5 6 4,108 0.0 JavaScript

   Easily Build Your Vue.js App For Desktop With Electron

   

   vue-cli-plugin-electron-builder is neat, but it's not my cup of tea.

7. pinia

   6 1 4,070 9.8 TypeScript

   Discontinued 🍍 Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support [Moved to: https://github.com/vuejs/pinia] (by posva)

   

   I'll be integrating a state-management system soon - either Vuex or Pinia. I'm curious to see what this process looks like within an Electron app utilizing Vue, but I'll try my best to write up a blog post as I go through the process.

Suggest a related project