2

使用背景

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

成功搞定:


北堂棣
6.6k 声望116 粉丝

2016年应届毕业生。