15、从Web应用到桌面应用及交互式测验应用开发

从Web应用到桌面应用及交互式测验应用开发

一、Web应用转桌面应用

1.1 现有应用基础

目前有一个用户可以管理类别并添加费用的应用，费用会在概览中显示。基于此，可尝试扩展应用功能，如添加日期过滤器、移除费用等。

1.2 使用Quasar CLI构建应用

Quasar CLI提供了一些命令来快速构建和发布Electron应用。运行以下命令生成应用代码：

quasar build -m electron

此过程比启动开发服务器耗时更久，Quasar先为Web构建文件，然后使用Electron将生产就绪的代码编译为原生应用。处理完成后，可在项目的 /dist/electron 文件夹中找到构建输出文件，此时应用应该可以执行。

1.3 添加自定义图标

图标对应用很重要，对于桌面应用，需添加图标。步骤如下：
1. 从Flaticon（https://www.flaticon.com/free-stickers）下载合适的图标，并将其放在 src/assets 文件夹中。
2. 使用Quasar的Icon Genie工具生成图标集，在终端运行以下命令：

npx icongenie generate -m electron -i ./src/assets/icon.png

若 npx