Capacitor + Electron

通过 Capacitor 构建 Android 和 ios, 并使用 Electron 构建桌面应用的模版。集成了 i18n。

运行前配置

Android 端

• 安装 Android Studio
• 安装 Java
• 安装 Gradle
• 安装 Android SDK
• 配置 ANDROID_HOME 环境变量

iOS 端

• 安装 Xcode
• 安装 CocoaPods
• 安装 ios-deploy
• 安装 ios-sim
• 安装 ios-deploy
• 配置 PATH 环境变量

Electron 端

1、安装 Node.js 2、安装 pnpm

手机端开发热更新配置

官网教程地址

1、本地已经配置好命令, 先运行：

pnpm run dev

2、运行成功后会有几个地址出来(一般需要第二个地址)：

  ➜  Local:   http://localhost:5173/
  ➜  Network: http://192.....:5173/
  ➜  Network: http://...:5173/

3、然后在 capacitor.config.json 文件中配置 server 选项：

const config: CapacitorConfig = {
	server: {
		url: '把上面运行出来的地址填到这里，如： http://192.....:5173/',
		cleartext: true
	}
}

4、然后根据自己需要运行的平台跑下面其中一个命令：

# ios端
pnpm run dev:ios

# android端
pnpm run dev:android

5、如果是虚拟机运行，就点击运行，跑起来就可以看到热更新了。

6、如果是真机运行，确保在同一个局域网。