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

成功搞定：