{
	"appId": "cn.com.ths.bj.handleheld",
	"appName": "掌上办公",
	"webDir": "dist",
	"bundledWebRuntime": false,
  "plugins": {
    "SplashScreen": {
      "androidScaleType": "CENTER_CROP"
    }
  }
}

1.2 在 Android Studio 中的操作

将项目切换到 Android 项目模式，右键 app，选择 Replace in Files：

Replace in Files

全局替换 包名和应用名，下面以包名为例：

全局替换包名、应用名

2. App 应用图标、启动动画

下面的操作仅针对 Android 应用

2.1 添加应用图标、启动界面图片

在项目根目录下，新建 resources 文件夹

将应用图标放在该文件夹内，并重命名为 icon.png
将启动界面图片放在该文件夹内，并重命名为 splash.png

启动界面图片要求：

尺寸要求：2732px * 2732px 及以上；
正方形图片；
展示内容需居中

2.2 生成适配不同屏幕的应用图标、启动界面图片

全局安装 cordova-res：

npm i cordova-res -g

在项目根目录下，执行命令：cordova-res，检查 cordova-res 是否安装成功

在项目根目录下，执行命令

cordova-res android --skip-config --copy

打开 resources 目录，会发现生成了一个 android 文件夹，里边是上述命令生成的裁剪图片

android/icon 对应应用图标的全部裁剪图标
android/splash 对应应用启动图片的全部裁剪图片

2.3 修改 capacitor.config.json，让启动动画图片居中显示

{
  "plugins": {
    "SplashScreen": {
      "androidScaleType": "CENTER_CROP"
    }
  }
}

其他有关应用图标、应用启动动画图片的配置，可以参考：Capacitor - build cross platform apps with the web

2.4 同步代码到 Android Studio

此处可能需要删除 Android Studio 中，原本存放的应用图标 / 应用启动动画图片，防止打包后没替换成功

3. App 版本

3.1 什么是 versionCode？

versionCode 代表 App 更新过多少次，是给设备程序识别版本（升级）用的，必须是一个 interger 值（整数）

在工作空间发布的 App 的 versionCode，一定要比前一版本高，不然无法发布

3.2 什么是 versionName？

应用版本号，是一个字符串

3.3 如何修改 versionName、versionCode？

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^