LMulator
在 VS Code 中管理 Android 模拟器与 iOS 模拟器,嵌入模拟器画面,并一键运行、调试移动端项目。
功能
- 活动栏侧边面板:列出 Android AVD / iOS Simulator
- 嵌入模拟器画面:在 VS Code 内实时查看模拟器屏幕(定时截图流)
- Android:通过
adb exec-out screencap -p
- iOS:通过
xcrun simctl io <udid> screenshot
- 触摸回传(Android):点击预览画面即可发送
adb shell input tap
- 启动并运行:一键启动模拟器,等待就绪后自动运行当前项目
- 自动生成连接命令:根据项目类型生成
flutter run / react-native run-android 等命令,支持一键复制或执行
- 自动识别 Flutter、React Native、Ionic/Cordova、Capacitor、uni-app 等项目类型
- 实时显示运行命令的输出日志
- 支持自定义运行命令模板
要求
- Android 模拟器需要安装 Android SDK,配置环境变量
ANDROID_SDK_ROOT / ANDROID_HOME,或在插件设置中指定 SDK 路径。
- iOS 模拟器仅支持 macOS,需要安装 Xcode 命令行工具。
- 根据项目类型,需要本地安装对应的 CLI:
- Flutter:
flutter
- React Native:
npx react-native
- Ionic / Cordova:
ionic
- Capacitor:
npx cap
使用方法
- 安装插件后,点击左侧活动栏的 📱 LMulator 图标打开面板。
- 在 Android / iOS 标签页中查看可用设备。
- 点击 启动 或 启动并运行 启动模拟器。
- 模拟器运行后,点击 画面 即可在 VS Code 内嵌入实时屏幕。
- 点击 📋 命令 查看自动生成的项目连接命令,可复制或点击 运行 直接执行。
- 在下方面板查看实时命令日志。
设置
在 VS Code 设置中搜索 lmulator:
| 配置项 |
说明 |
lmulator.androidSdk |
Android SDK 根目录 |
lmulator.runCommand.android |
自定义 Android 运行命令模板,占位符 {deviceId} |
lmulator.runCommand.ios |
自定义 iOS 运行命令模板,占位符 {udid} |
命令
LMulator: 打开模拟器面板
LMulator: 刷新设备列表
LMulator: 在 Android 设备上运行项目
LMulator: 在 iOS 设备上运行项目
打包
npm install
npm run package
生成 leebmulator-0.1.0.vsix 后,可通过 VS Code 的 "从 VSIX 安装" 进行安装。
| |