使用背景
去年五六月份使用的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
成功搞定:
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。