在开发一个移动应用时，往往需要为不同的设备和系统提供不同分辨率和格式的应用图标。为了方便开发者快速生成和测试应用图标，我们可以使用 npm 包 app-icon-test。
简介
app-icon-test 是一个用于生成和测试移动应用图标的小工具。它支持 iOS 和 Android 平台，可以根据配置生成不同尺寸和格式的应用图标，并将生成结果预览到设备上。
安装
在使用 app-icon-test 之前，需要先安装 Node.js 和 npm。安装完成后，在命令行中输入以下命令安装 app-icon-test：
--- ------- -- -------------
安装完成后，可以输入以下命令检查是否安装成功：
------------- ---------
如果返回当前版本号，则说明安装成功。
使用
配置文件
使用 app-icon-test，需要在项目根目录下创建一个配置文件，格式为 JSON。以下是一个简单的配置示例：
-
------- ---------
------ -
----------- ------
----------- -----------
------------- ------------
-------- -
-
-------- ----
--------- ---
--
-
-------- ----
--------- ---
-
-
--
---------- -
----------- ----------
----------- -----------
------------- ----------------
-------- -
-
-------- ---
--------- --
--
-
-------- ---
--------- --
-
-
-
-在配置文件中，我们需要设置项目的名称以及 iOS 和 Android 两个平台的应用图标生成配置。其中，platform 属性可以为 iOS 或 Android，表示要生成哪个平台的应用图标。iconPath 属性表示原始的应用图标路径，outputPath 属性表示生成的应用图标路径。sizes 属性表示要生成的应用图标大小和尺寸。
生成应用图标
配置文件创建好后，我们可以在命令行中输入以下命令生成应用图标：
------------- -------- -----------
其中，config.json 为配置文件路径。命令执行完成后，会在指定的输出目录中生成不同尺寸和格式的应用图标。生成的应用图标格式包括 PNG、JPEG、WebP 等。如果指定了 iOS 平台，还会生成 .appiconset 文件，可以直接导入到 Xcode 中使用。
预览应用图标
配置文件的编写和生成应用图标的命令都很简单，最为重要的是如何测试生成的应用图标是否符合要求。这里，app-icon-test 提供了一种简单的预览方式。
在命令行中输入以下命令：
------------- -- -------- -- --- -- --- --
其中，-i 表示原始的应用图标路径，-p 表示要预览的平台，-s 表示要预览的应用图标尺寸，-v 表示要在预览时显示真实尺寸的图像。
命令执行完成后，会在浏览器中打开一个预览页面，展示生成的应用图标。可以选择不同的平台和尺寸进行预览。
总结
app-icon-test 是一个简单实用的移动应用图标生成和测试工具。通过上述的教程，你可以掌握如何使用 app-icon-test 创建配置文件、生成应用图标和预览应用图标，为自己的移动应用开发提供了方便快捷的支持。
示例代码及完整配置文件，请参考 https://github.com/jizhiy/app-icon-test。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005592281e8991b448d6965