The demo source code for the following demo is available at GitHub.
Take a look at my “Scrum Daily Standup Picker” GitHub repository to see a more complex “Quasar-Electron-Vue3-Typescript-Pinia” project.
Quasar icons upgrade#
The most significant advantage against a custom Electron + Vue boilerplate project from GitHub is that Quasar has a regular release cycle and provides upgrade guides for older versions. Quasar allows us to quickly develop Electron desktop applications in Vue with high-quality UI components that follow Material Design guidelines. Quasar allows us to quickly develop Electron desktop applications in Vue with high-quality UI components that follow Material Design guidelines. Open Electron File Dialog import ) Ĭlicking on the button should now open the native OS file dialog: Read more about why Quasar might be a good choice for your next project. For example, we can build our application as SPA, mobile, or desktop app within the same project folder. It has its own CLI that provides a pleasant developer experience.It provides support for each build mode (SPA, SSR, PWA, Mobile app, Desktop app & Browser Extension).It has a regular release cycle inclusive of new features.It provides many UI components that follow Material Design guidelines.Using Quasar drastically saves development time due to these reasons: Write code once and simultaneously deploy it as a website, a Mobile App and/or an Electron App. It handles the build setup and provides a complete collection of Material Design compliant UI components. Quasar is an MIT licensed open-source Vue.js based framework that targets SPA, SSR, PWA, mobile app, desktop app, and browser extension all using one codebase. Why? Because I love Vue and want to have a public showcase that I can reference to potential customers. I wrote the initial release in Angular, but I wanted to refactor the code base and rewrite it in Vue 3. Recently, I planned to rewrite my “Scrum Daily Standup Picker” Electron application in Vue 3.
0 kommentar(er)
