Transforming Vue app into Electron app

This page summarizes the projects mentioned and recommended in the original post on reddit.com/r/vuejs

Our great sponsors
  • Scout APM - Less time debugging, more time building
  • SonarQube - Static code analysis for 29 languages.
  • OPS - Build and Run Open Source Unikernels
  • GitHub repo vue-cli-plugin-electron-builder

    Easily Build Your Vue.js App For Desktop With Electron

    Its very very easy. Use https://github.com/nklayman/vue-cli-plugin-electron-builder as a vue cli plugin. It will automatically setup all the electron specific build tasks for you. The hard part will be publishing the app. But that's another story. Source? build pulltherope.app for Windows.

  • GitHub repo Quasar Framework

    Quasar Framework - Build high-performance VueJS user interfaces in record time

    For the next project I suggest Quasar. It's a framework built on top of Vue that can deploy to Web, PWA, Android & iOS (capacitor), Windows macOS & linux (electron) and even browser extension with a single codebase. Perfect for small-medium apps.

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • GitHub repo electron-vue

    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.

    I dunno, I built a vue based electron app and it was quite straight forward using the electron-vue bolierplate https://github.com/SimulatedGREG/electron-vue. I started the project on electron-vue though which might be a bit different than developing it for web first and trying to port it into electron - for that I would probably start up a blank project with electron-vue then go step-by-step to copy files and chunks of code from the web version into it.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts