quasar Icon Genie CLI 自动生成图标 安装使用过程

索超
• 阅读 5251

使用背景

去年五六月份使用的quasar图标自动生成还是版本1的,版本1是Quasar App Extension,是要将其安装到项目文件夹中使用的,那时候用过,感觉这个很好用。

今年的项目升级了quasar cli版本后,再去使用图标自动生成的时候,发现变成了Icon Genie CLI,升级了之后是全局安装的工具了。

使用过程步骤记录

按照文档Icon Genie CLI Installation 安装:

npm install -g @quasar/icongenie

发现报错。仔细阅读文档,发现有个友好提示:
quasar Icon Genie CLI 自动生成图标 安装使用过程

安装这个提示,打开命令行,使用管理者权限安装windows-build-tools工具,具体安装命令可以查看 npm: windows-build-tools

之后打开项目,Icon Genie CLI Command List 按照命令运行icongenie 运行时,又遇到了报错:

Something went wrong installing the "sharp" module

具体报错如图:

quasar Icon Genie CLI 自动生成图标 安装使用过程
(上图是引用@quasar/icongenie v2.3.0 released!这篇文中的,我遇到的也是同样报错,忘了截图就关掉了,解决问题之后报错无法出现了)

然后按照报错提示,打开命令行,使用管理者权限。在npm\node_modules\@quasar\icongenie项目中安装sharp:
sharp # High performance Node.js image processing

npm install sharp

安装之后,再次运行icongenie 命令,终于不报错了。

但是提示图片不存在:
quasar Icon Genie CLI 自动生成图标 安装使用过程

quasar Icon Genie CLI 自动生成图标 安装使用过程
从上图可以看到,使用icongenie verify时,它可以在public文件夹中正确找到之前生成的默认图标,那么应该是路径没写对。

icongenie verify 命令

使用icongenie verify也可以看到你项目使用的是何种模式,再根据 icongenie app-icons-list不同模式选用不同的命令。

icongenie generate 成功

最终:

icongenie generate -m spa -i public/app-icon.png

成功搞定:
quasar Icon Genie CLI 自动生成图标 安装使用过程

点赞
收藏
评论区
推荐文章
blmius blmius
3年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
橘子橙 橘子橙
4年前
vue-element-admin项目打包后,iconfont图标出现乱码
使用vueelementadmin或者vueelementtemplate开发的项目,打包到线上,就出现了图标乱码,f12后能看到icon元素为.eliconclose:before{content:"□"}的情况(如下)
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
Stella981 Stella981
3年前
Shodan的http.favicon.hash语法详解与使用技巧
  在Shodan搜索中有一个关于网站icon图标的搜索语法,http.favicon.hash,我们可以使用这个语法来搜索出使用了同一icon图标的网站,不知道怎么用的朋友请参考我上一篇(https://www.oschina.net/action/GoToLink?urlhttps%3A%2F%2Fwww.cnblogs.com%2Fmia
Wesley13 Wesley13
3年前
VBox 启动虚拟机失败
在Vbox(5.0.8版本)启动Ubuntu的虚拟机时,遇到错误信息:NtCreateFile(\\Device\\VBoxDrvStub)failed:0xc000000034STATUS\_OBJECT\_NAME\_NOT\_FOUND(0retries) (rc101)Makesurethekern
Wesley13 Wesley13
3年前
FLV文件格式
1.        FLV文件对齐方式FLV文件以大端对齐方式存放多字节整型。如存放数字无符号16位的数字300(0x012C),那么在FLV文件中存放的顺序是:|0x01|0x2C|。如果是无符号32位数字300(0x0000012C),那么在FLV文件中的存放顺序是:|0x00|0x00|0x00|0x01|0x2C。2.  
Easter79 Easter79
3年前
Twitter的分布式自增ID算法snowflake (Java版)
概述分布式系统中,有一些需要使用全局唯一ID的场景,这种时候为了防止ID冲突可以使用36位的UUID,但是UUID有一些缺点,首先他相对比较长,另外UUID一般是无序的。有些时候我们希望能使用一种简单一些的ID,并且希望ID能够按照时间有序生成。而twitter的snowflake解决了这种需求,最初Twitter把存储系统从MySQL迁移
Wesley13 Wesley13
3年前
mysql设置时区
mysql设置时区mysql\_query("SETtime\_zone'8:00'")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\_id)asdevice,CONVERT\_TZ(FROM\_UNIXTIME(reg\_time),'08:00','0
Stella981 Stella981
3年前
JOptionPane修改图标
1.在Linux平台下.JOptionPane会显示Java默认的图标,在window平台不显示图标,如何替换这个图标了?2JOptionPane.setIcon(Icon)修改的是内容区域的icon,而不是左上角的Icon.所以需要通过修改Jdialog/Frame的图标来达到修改默认图标的问题.3.代码:if(JOptio
Wesley13 Wesley13
3年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
美凌格栋栋酱 美凌格栋栋酱
5个月前
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(
索超
索超
Lv1
万里归船弄长笛,此心吾与白鸥盟。
文章
2
粉丝
0
获赞
0