应用背景
去年五六月份应用的 quasar 图标主动生成还是版本 1 的,版本 1 是 Quasar App Extension,是要将其装置到我的项目文件夹中应用的,那时候用过,感觉这个很好用。
往年的我的项目降级了 quasar cli 版本后,再去应用图标主动生成的时候,发现变成了 Icon Genie CLI,降级了之后是全局装置的工具了。
应用过程步骤记录
依照文档 Icon Genie CLI Installation 装置:
npm install -g @quasar/icongenie
发现报错。仔细阅读文档,发现有个敌对提醒:
装置这个提醒,关上命令行,应用管理者权限装置 windows-build-tools 工具,具体装置命令能够查看 npm: windows-build-tools。
之后关上我的项目,Icon Genie CLI Command List 依照命令运行 icongenie 运行时,又遇到了报错:
Something went wrong installing the "sharp" module
具体报错如图:
(上图是援用 @quasar/icongenie v2.3.0 released! 这篇文中的,我遇到的也是同样报错,忘了截图就关掉了,解决问题之后报错无奈呈现了)
而后依照报错提醒,关上命令行,应用管理者权限。在 npm\node_modules\@quasar\icongenie 我的项目中装置 sharp:
sharp # High performance Node.js image processing
npm install sharp
装置之后,再次运行 icongenie 命令,终于不报错了。
然而提醒图片不存在:
从上图能够看到,应用 icongenie verify 时,它能够在 public 文件夹中正确找到之前生成的默认图标,那么应该是门路没写对。
icongenie verify 命令
应用 icongenie verify 也能够看到你我的项目应用的是何种模式,再依据 icongenie app-icons-list 不同模式选用不同的命令。
icongenie generate 胜利
最终:
icongenie generate -m spa -i public/app-icon.png
胜利搞定: