乐趣区

关于前端:quasar-Icon-Genie-CLI-自动生成图标-安装使用过程

应用背景

去年五六月份应用的 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

胜利搞定:

退出移动版