打包应用的时候，无论 Android 还是 iOS，都要为不同设备分辨率准备不同尺寸的图标和启动页图片，非常费时费力，现在有一键生成工具那岂不快哉

开局两张图：icon和splash，其他全靠自动

文章目录

一、环境准备
- 1. 下载并安装 node
- 2. 安装 cordova-res
二、使用说明
- 1. 创建项目
- 2. 准备资源
- 3. 运行命令
- 4. 查看生成资源
三、在 ionic 项目中

一、环境准备

1. 下载并安装 node

Node.js 中文网：http://nodejs.cn/download/
这适用于从来没有用过 npm 的同学，如果已经装了 node 可以跳过这一步

2. 安装 cordova-res

安装命令：npm i -g cordova-res

说明：
-i 的意思是安装：install
-g 的意思是全局：global

二、使用说明

1. 创建项目

① 新建一个文件夹：test（这个名字随意）
② 里面再新建一个文件夹：resources（必须叫这个名字）

2. 准备资源

把自己准备好的 icon.png 和 splash.png 两张图放到 resources 文件夹

要求：
resources/
├── icon.png 至少 1024×1024px 像素
└── splash.png 至少 2732×2732px 像素

3. 运行命令

① 打开 cmd
在 test 文件夹下，直接在地址栏敲 cmd 回车即可

② cmd 中键入命令，一键生成

cordova-res

4. 查看生成资源

生成了两个文件夹：android、ios
里面分别有各种尺寸图片，大功告成！

三、在 ionic 项目中

直接运行命令即可，不用再创建项目了

ionic cordova resources android --force
ionic cordova resources ios --force

参考链接：

官方文档：http://npm.taobao.org/package/cordova-res
如果只需要生成图标，有个在线工具：http://www.makeicon.cc

APP批量自动生成各种不同分辨率尺寸图标和启动页（Android和iOS都支持） - 使用cordova-res图文教程相关推荐

[iOS]利用Appicon and Launchimage Maker生成并配置iOSApp的图标和启动页
一．先来研究下这个软件->Appicon and Launchimage Maker 首先打开你电脑上的AppStore,然后搜索:AppIcon 然后回车: 这里我们先使用免费版的点击下载.( ...
WordPress彻底禁用上传媒体图片自动生成缩略图及多尺寸图片（亲测可用）
WordPress默认上传图片的时候会自动生成缩略图及多尺寸的图片文件,大部分网站都用不到这些多余的图片,不仅仅占用空间,而且上传的时候还会消耗额外的性能. 下面仅需两段函数代码即可彻底禁用该功能. ...
react native开发Android 篇——APP名称、图标、启动页
react native开发Android 篇--APP名称.图标.启动页设置APP名称设置APP图标设置启动页隐藏启动页设置APP名称编辑 android/app/src/main/re ...
vb microsoft.xmlhttp 获取所有超链接_利用VBA批量自动生成表格超链接
Excel如何自动生成有超链接的Sheet目录? 如下图中所示的工作簿中,有很多个Sheet.目的是把所有的Sheet在目录表中制作成超链接的形式,点击跳转. 解决方案:录制宏+循环下面的东西可能很 ...
用 Python 一键批量自动生成合同
图片来源于网络文/毅种循环 ♚ 毅种循环,撸python和撸柯基,一个都不能少. 本文作者已加入Python中文社区专栏作者计划一.背景工作中经常会需要做大量的合同,不复杂,也就是在合同模板里 ...
Android开发固定app图标大小,Android和IOS开发图标、启动页尺寸
最近项目在做android和ios的项目,设计师让我给出图标的尺寸,于是查了一下尺寸. 一.开发中的实际情况: 第一步:产品经理和UI设计师制定好UI规范,然后开始做图标做颜色做尺寸等一系列和APP界 ...
iOS APP项目图片尺寸大全（启动页、icon、App Store展示图片）
iOS项目开发中需要用到很多的项目图片其中启动页.icon.App Store展示图等的尺寸较多一下我会汇总出来各种尺寸 1.启动页尺寸以上红圈里面是首页版APP启动页的尺寸大全,iPad不需要支持 ...
Hbuilder开发HTML5 APP之图标和启动页制作
1.点击项目下的"manifest.json"文件,会出现自动化的配置工具: 2.点"图标配置",上传制作好的图标文件,自动生成不同大小的ico,这个要赞下! ...
Ionic + Vue3 + Capacitor 配置应用信（App 包名、应用名、应用图标、启动动画、版本信息）
目录 1. App 包名.应用名 1.1 在 VS Code 中的操作 1.2 在 Android Studio 中的操作 2. App 应用图标.启动动画 2.1 添加应用图标.启动界面图片 2. ...

APP批量自动生成各种不同分辨率尺寸图标和启动页（Android和iOS都支持） - 使用cordova-res图文教程

文章目录

一、环境准备

1. 下载并安装 node

2. 安装 cordova-res

二、使用说明

1. 创建项目

2. 准备资源

3. 运行命令

4. 查看生成资源

三、在 ionic 项目中

APP批量自动生成各种不同分辨率尺寸图标和启动页（Android和iOS都支持） - 使用cordova-res图文教程相关推荐

最新文章

热门文章