JS教程之使用 Pinia、Electron 和 Quasar 构建 Vue 3 桌面应用程序

为什么是Quasar？

Quasar是 MIT 许可的基于 Vue.js 的开源框架，针对 SPA、SSR、PWA、移动应用程序、桌面应用程序和浏览器扩展，所有这些都使用一个代码库。它处理构建设置并提供符合 Material Design 的 UI 组件的完整集合。

Quasar的座右铭是：

编写一次代码，同时将其部署为网站、移动应用程序和/或电子应用程序。

由于以下原因，使用 Quasar 可以大大节省开发时间：

它基于 Vue.js。
它提供了许多遵循 Material Design 准则的 UI 组件。
它有一个包含新功能的定期发布周期。
它为每种构建模式（SPA、SSR、PWA、移动应用、桌面应用和浏览器扩展）提供支持。
它有自己的 CLI，可提供愉快的开发人员体验。例如，我们可以在同一个项目文件夹中将我们的应用程序构建为 SPA、移动或桌面应用程序。

安装 Quasar CLI

以下演示的源代码

# Node.js >=12.22.1 is required.

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