Icon Genie CLI 命令列表
Quasar 项目目录里 Icon Genie CLI 可用的命令,请熟悉:
$ icongenie
示例用法
$ icongenie <command> <options>
查询一个命令的帮助信息
$ icongenie <command> --help
$ icongenie <command> -h
选项
--version, -v Print Quasar Icon Genie CLI version
命令
generate, g 生成应用图标和启动屏幕背景
verify, v 验证您的 Quasar 应用的图标和
启动页图片的背景
profile, p 创建 Icon Genie 的配置文件
help, h 显示这样的帮助信息
查询特定命令的帮助:
$ icongenie [command_name] --help
Generate
generate
命令用于生成应用程序图标和启动页图片。它是 Icon Genie 的核心,承担了繁重的工作。
看下面的用法和一些例子。需要注意的参数是 --icon
(或-i
),它接受透明的 PNG 图片作为应用程序图标和启动页图片。PNG 图片的最小尺寸是 64x64 像素,但强烈建议至少要超过 1024x1024 像素。
对于启动页图片,如果您希望您的图标放置在背景顶部,则要再加上 --background
(或-b
)。
您可能还想使用 --profile
(或-p
)参数,它可以运行一个或多个 Icon Genie 配置文件。
$ icongenie generate -h
描述
生成应用图标或启动屏图片
用法
$ icongenie generate [options]
# 给所有 Quasar 模式生成图标
$ icongenie generate -i /path/to/icon.png
$ icongenie g -i /path/to/icon.png
# 举个例子:只为 PWA 模式生成
$ icongenie generate -m pwa --icon /path/to/icon.png
# 例子:只为 Cordova 和 Capacitor 模式生成
$ icongenie g -m cordova,capacitor -i
/path/to/icon.png -b /path/to/background.png
# 通过配置文件生成
$ icongenie generate -p ./icongenie-profile.json
# 用多个配置文件生成
$ icongenie generate -p ./含有配置文件的文件夹
选项
--icon, -i 必填;
图标源文件的路径;必须是:
- 一个 .png 文件
- 最小分辨率: 64x64 像素(越高越好!)
- 透明背景
最好的正方形的图片(宽高相等)
图片会自动裁剪:
(见 “skip-trim”和“padding”参数
路径可以是绝对路径,
也可以是相对于 Quasar 根目录的相对路径
推荐的最小尺寸:1024x1024 像素
--background, -b 可选。背景源文件的路径(启动页图片用的背景);
必须是:
- 一个 .png 文件
- 最小分辨率:128x128 像素(越高越好!)
- 图片是透明背景的,这点不强求。
(但若设置了 splashscreen-color 参数,
推荐使用透明背景)
路径可以是绝对路径或相对Quasar工程根目录的路径。
推荐的最小尺寸:1024x1024 像素
--mode, -m 在 Quasar 的哪些模式里要生成资源;
默认:全部
[all|spa|pwa|ssr|bex|cordova|capacitor|electron]
可以多选,用“,”分隔:
spa,cordova
--filter, -f 过滤可用的生成器;
设置之后,只会生成一种资源类型,而非全部。
[png|ico|icns|splashscreen|svg]
--quality 图片的压缩品质 [1 - 12] (默认: 5)
- 高品质 --> 体积大且创建慢
- 低品质 --> 体积小且创建快
--skip-trim 不要裁剪图标源文件
--padding 裁剪后,添加边距空白;
语法: <水平: number>,<竖直: number>
默认: 0,0
例子: "--padding 10,5" 指距离顶部和底部空出 10 像素
距离左侧和右侧空出 5 像素。
--theme-color 所有生成器使用的默认主题色;
如果某个具体的生成器单独设置了主题色,单独的颜色会覆盖这个主题色。;
必须是 hex 格式(不是 hexa),不需要前缀的 # 符号
不允许透明。
例子:1976D2, eee
--svg-color 单色 SVG 图片的颜色。
默认值(且没有设置 theme-color):1976D2
必须是 hex 格式(不是 hexa),不需要前缀的 # 符号
不允许透明。
例子: 1976D2, eee
--png-color 当资源定义了“background: true”时,PNG 生成器用到的背景色。
(像 cordova/capacitor iOS 图标);
默认值(且没有设置 theme-color): fff
必须是 hex 格式(不是 hexa),不需要前缀的 # 符号
不允许透明。
例子: 1976D2, eee
--splashscreen-color 启动页图片生成器用的背景色;
默认值(且没有设置 theme-color):fff
必须是 hex 格式(不是 hexa),不需要前缀的 # 符号。
不允许透明。
例子: 1976D2, eee
--splashscreen-icon-ratio 启动页图片上的图标大小相比于
宽度与高度(取较小者)的比率。
值是百分数;有效数字:0 - 100
如果为0,则不添加背景顶部的图标
默认: 40
--profile, -p 使用 JSON 配置文件:
- 含有配置文件(icongenie-*.json)的目录的路径
(绝对路径或相对当前目录的路径)
- 单个 *.json 配置文件的路径。
(绝对路径或相对当前目录的路径)
JSON 配置文件的结构:
{
"params": {
"include": [ ... ], /* 可选 */
...
},
"assets": [ /* 自定义资源的列表 */ ]
}
--help, -h 显示这个帮助信息
Verify
verify
命令核对所有必需的图片文件都在正确的位置,并且每个文件都具有正确的像素分辨率。
$ icongenie -h
描述
核对您的 Quasar 应用的图标和启动页图片
(所有模式)
用法
$ icongenie verify [options]
# 核对所有的 Quasar 模式
$ icongenie verify
# 核对指定的模式
$ icongenie verify -m spa
# 通过过滤器核对
$ icongenie verify -f ico
# 用配置文件核对
$ icongenie verify -p ./icongenie-profile.json
# 用含有配置文件的文件夹核对
$ icongenie verify -p ./folder-containing-profile-files
选项
--mode, -m 哪个 Quasar 模式需要核对;
默认: all
[all|spa|pwa|ssr|bex|cordova|capacitor|electron]
可以多选,用“,”分隔:
spa,cordova,capacitor
--filter, -f 在可用的生成器里过滤;
设置后,只核对一种资源,而非全部
[png|ico|icns|splashscreen|svg]
--profile 用 JSON 配置文件指定核对的资源列表:
- 含有配置文件(icongenie-*.json)的目录的路径
(绝对路径或相对当前目录的路径)
- 单个 *.json 配置文件的路径。
(绝对路径或相对当前目录的路径)
JSON 配置文件的结构:
{
"params": {
"include": [ ... ], /* optional */
...
},
"assets": [ /* list of custom assets */ ]
}
--help, -h 显示这个帮助信息
配置文件
Icon Genie 也支持配置文件。它是 JSON 格式,告诉 Icon Genie 要生成哪些图像以及如何生成它们。profile
命令是一个辅助性的脚手架工具,可以简单、自动地制作配置文件。
JSON 配置文件的一般形式是:
{
"params": { },
"assets": [ ]
}
您还可以生成多个配置文件(有不同的参数或设置)。更多信息请访问 配置文件 页面。
$ icongenie profile -h
描述
一个辅助命令,方便地制作 Icon Genie 配置文件。
用法
$ icongenie profile -o <filename> [options]
# 提供参数列表
$ icongenie profile -o <filename> --include pwa,spa --quality 7
# 根据 Icon Genie 的内部列表提供资源
$ icongenie profile -o <filename> --assets spa,bex
选项
--output, -o 新的 Icon Genie 配置文件的名称。
--assets, -a 根据指定的 Quasar 模式,预填充 Icon Genie 内部的资源列表。
可选:
[all|spa|pwa|ssr|bex|cordova|capacitor|electron]
可以多选,用“,”分隔:
spa,cordova
--icon, -i 图标源文件的路径;必须是:
- 一个 .png 文件
- 最小分辨率: 64x64 像素(越高越好!)
- 透明背景
最好的正方形的图片(宽高相等)
图片会自动裁剪:
(见 “skip-trim”和“padding”参数)
路径可以是绝对路径,
也可以是相对于 Quasar 根目录的相对路径
推荐的最小尺寸:1024x1024 像素
--background, -b 可选。背景源文件的路径(启动页图片用的背景);
必须是:
- 一个 .png 文件
- 最小分辨率:128x128 像素(越高越好!)
- 图片是透明背景的,这点不强求。
(但若设置了 splashscreen-color 参数,
推荐使用透明背景)
路径可以是绝对路径或相对Quasar工程根目录的路径。
推荐的最小尺寸:1024x1024 像素
--include 预填充 params.include 参数;
[all|spa|pwa|ssr|bex|cordova|capacitor|electron]
可以多选,用“,”分隔:
spa,cordova
--filter, -f 预填充 params.filter 参数;
[png|ico|icns|splashscreen|svg]
--quality 预填充 params.quality 参数;
图片的压缩品质 [1 - 12] (默认: 5)
- 高品质 --> 体积大且创建慢
- 低品质 --> 体积小且创建快
--skip-trim 不要裁剪图标源文件。
--padding 裁剪后,添加边距空白;
语法: <水平: number>,<竖直: number>
默认: 0,0
例子: "--padding 10,5" 指距离顶部和底部空出 10 像素
距离左侧和右侧空出 5 像素。
--theme-color 预填充 params.themeColor 参数;
如果某个具体的生成器单独设置了主题色,单独的颜色会覆盖这个主题色。;
必须是 hex 格式(不是 hexa),不需要前缀的 # 符号
不允许透明。
例子:1976D2, eee
--svg-color 预填充 params.svgColor 参数;
单色 SVG 图片的颜色。
默认值(且没有设置 theme-color):1976D2
必须是 hex 格式(不是 hexa),不需要前缀的 # 符号
不允许透明。
例子: 1976D2, eee
--png-color 预填充 params.pngColor 参数;
当资源定义了“background: true”时,PNG 生成器用到的背景色。
(像 cordova/capacitor iOS 图标);
默认值(且没有设置 theme-color): fff
必须是 hex 格式(不是 hexa),不需要前缀的 # 符号
不允许透明。
例子: 1976D2, eee
--splashscreen-color 预填充 params.splashscreenColor 参数;
启动页图片生成器用的背景色;
默认值(且没有设置 theme-color):fff
必须是 hex 格式(不是 hexa),不需要前缀的 # 符号。
不允许透明。
例子: 1976D2, eee
--splashscreen-icon-ratio 预填充 params.splashscreenIconRatio 参数;
启动页图片上的图标大小相比于
宽度与高度的比率(取较小者)。
值是百分数;有效数字:0 - 100
如果为0,则不添加背景顶部的图标
默认: 40