当前位置: 首页 > Web前端 > vue.js

quasarIconGenieCLI自动生成图标安装使用流程

时间:2023-03-31 23:07:12 vue.js

使用后台去年5、6月份使用的quasar图标是1版本自动生成的,1版本是QuasarAppExtension,要在项目中安装文件夹供使用。我当时用了它,发现它非常有用。今年项目升级quasarcli版本后,去使用自动生成图标的时候,发现变成了IconGenieCLI。升级后为全局安装工具。使用流程步骤记录按照文档IconGenieCLI安装安装:npminstall-g@quasar/icongenie发现报错。仔细阅读文档,发现一个友好的提示:要安装这个提示,打开命令行,以管理员权限安装windows-build-tools工具。具体安装命令参见npm:windows-build-tools。打开项目后,IconGenieCLICommandList根据命令运行icongenie。运行时遇到错误:安装“sharp”模块时出错。具体报错如图:(上图是参考@quasar/icongeniev2.3.0发布的!这篇文章中遇到了同样的报错,忘记截图了,关掉了。解决问题后不能出现报错。)然后按照错误提示,打开命令行,使用管理员权限。在npm\node_modules\@quasar\icongenie项目中安装sharp:sharp#高性能Node.js图像处理npminstallsharp安装完成后再次运行icongenie命令,终于没有报错了。但是提示图片不存在:从上图可以看出,使用icongenieverify的时候,可以在public文件夹中正确的找到之前生成的默认图标,所以路径应该没有写对。congenieverify命令使用icongenieverify查看你的项目使用的是哪种模式,然后根据icongenieapp-icons-list的不同模式选择不同的命令。icongeniegenerate终于成功了:icongeniegenerate-mspa-ipublic/app-icon.png成功了: