Transforming Vue app into Electron app

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

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • 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.

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

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • electron-vue

    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.

    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