应用图标

你可能和团队一样喜欢Quasar的LOGO,但你感觉就像花了一辈子的时间来制作你自己的像素 - 完美呈现你的应用程序的灵魂。

有许多不同的情况可能会出现您的图标:在浏览器选项卡中,在桌面上,甚至在应用商店中。

所以现在你需要大约80种不同大小的有代表性名称、晦涩格式的LOGO,放在正确的文件夹中,也可能是Cordova的一些正确的<xml>声明。即使你确切地知道自己在做什么,这也很乏味且容易出错。 但是,如果您使用的是Quasar CLI,那么您的生活将变得简单而轻松 - 因为Quasar和Icon Genie应用扩展使它变得简单。

我们在这里收集了所有重要信息:Quasar CLI应用图标 - 但如果您只是想“设置并忘记它”,那么您需要了解以下内容:

Icon Genie

查看Icon Genie存储库,了解有关工作原理的详细信息,或者深入了解并如任何应用扩展一样在你的项目安装它:

$ quasar ext add @quasar/icon-genie

它会要求您告诉它在哪里可以找到源图像(1240x1240)以及您要使用的缩小策略。 然后当你运行$ quasar dev时 - 它会生成正确的图标并将它们放在适合你的所有位置,无论你使用什么样的--mode; 如果您只是在本地提供HMR服务或使用build生成最终资产。

尚未使用Quasar CLI?

您必须转换、调整大小、命名和放置文件(无论它们在哪里),并且取决于您构建应用(可在任何地方)的方式。

对于这种情况下的开发人员,我们提供了一个选项,您可以全局安装Icon Genie作为npm模块,并使用它来生成您需要的图标:

$ npm install --global @quasar/app-extension-icon-genie
$ icongenie -p=kitchensink -s=icon-1280x1280.png -t=./outputFolder -m=pngquant

有关此类用法的完整详细信息,请访问app-extension存储库。