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

成功搞定：