使用Flutter开发时,如何在VS Code中实现物理设备Screen Mirroring功能?
在VS Code中实现Android设备屏幕镜像(替代Android Studio功能)
如果你因为配置问题放弃Android Studio,想在VS Code里实现类似的屏幕镜像+控制功能,下面是几种实用方案:
方法一:用ADB原生命令(无额外扩展,轻量化首选)
ADB本身就支持屏幕镜像和设备控制,完全不需要依赖IDE:
- 先确保设备开启USB调试,可通过数据线直接连接,或者用Wi-Fi连接(先执行
adb tcpip 5555,再断开数据线执行adb connect 你的设备IP:5555) - 实时屏幕查看:需要本地安装FFmpeg,执行命令
adb shell screenrecord --output-format=h264 - | ffplay -,就能在电脑上看到设备实时画面 - 屏幕控制:用
adb shell input系列命令模拟操作,比如:- 点击坐标:
adb shell input tap 100 200 - 输入文本:
adb shell input text "test" - 滑动屏幕:
adb shell input swipe 500 1500 500 500
- 点击坐标:
方法二:VS Code扩展推荐
如果需要可视化界面,这些轻量扩展能满足需求:
- Android Screen Mirror:支持USB/Wi-Fi连接,提供实时镜像+基础控制(点击、滑动),安装后在侧边栏就能快速启动,配置简单
- ADB Interface:集成ADB核心功能,既有可视化的设备管理界面,也能直接在VS Code终端调用ADB命令,兼顾操作便捷性和灵活性
- Device File Explorer for Android:主打设备文件管理,附带屏幕镜像功能,适合同时需要管理文件和查看屏幕的场景
关键前提
- 电脑必须安装Android SDK Platform Tools(包含ADB工具),并添加到系统环境变量,确保终端能直接执行
adb命令 - Wi-Fi连接时,设备和电脑必须处于同一局域网
内容的提问来源于stack exchange,提问作者Aadarsh Pandey
相关产品推荐
相关产品推荐

