Create a desktop version of Quasar-Vue app using Electron


Quasar is a UI frame work for developers who were developing web, desk and mobile friendly, responsive app with Vuejs.

With Quasar and Vuejs we can create beautiful Vue app in minutes, thank to the Quasar Frame work. It is easy to learn, I promise you, it didn’t take hours. (Read more about Vuejs).

Running the Desktop version

As you know Quasar app is a web app, it is not meant to desktop or mobile, but with the reactivity of components and controls , it can be much like a desktop app.

With the help of Electron we can build a version for desktop, no matter you are using Mac or Window.

To do this we need electron installed. Quasar CLI will automatically do it for us. For now just hit the terminal with the following command

quasar dev -m electron

This will create the electron project for your app and instantly build executable , also launch app, with developer tools enabled.

That’s all I have today

Following Quasar posts may help you explore further

Quasar UI framework for Vue


Quasar is a UI frame work for developers who were developing web, desk and mobile friendly, responsive app with Vuejs.

It has rich set of web components (Plenty of them) which is reactive and will save development time. They also provide styling, spacing with directives.

All these component template samples can be easily copied to your vue project with ease, along with scripts.

How to use Quasar in Vuejs

The best option is to use the Quasar CLI and create a project with a default router.

$ yarn global add @quasar/cli
# or
$ npm install -g @quasar/cli

Create and run project

Using the CLI we can easily create and run project. In fact Quasar uses the Vue CLI to create the project and additionally add dependencies and other stuffs for you.

quasar create <folder_name>

By using the following command you can run the development version of the project. The complete script information can be found on the package.json config file. For now we stick with the dev command

quasar dev

and your app will open on a web browser. For more help visit the Quasar site

Following Quasar posts may help you explore further