一、事前准备
1.一部安装好edge浏览器的手机
2，电脑安装好edge浏览器
本次以vivo手机，windows11家庭中文版电脑，vite搭建的项目为例，展示真机调试全过程和遇到的问题
注：手机和电脑必须处于同一个WIFI下面
手机打开usb调试（以vivo手机为例）
1、进入手机“设置”。
2、找到“系统管理”。
3、进入“关于手机”。
4、进入“版本信息”。
5、点击“软件版本号”7-10次以开启开发者模式。
6、返回上一页，进入“开发者选项”。
7、开启“USB调试”，点击“确定”即开启USB调试成功！
浏览器输入edge://inspect进入下面这个页面
电脑快捷键 windows + r 输入cmd打开终端
输入ipconfing，查找到跟手机同一个局域网的ip.
电脑
手机
接着把项目在电脑的打开的网址复制到手机edge浏览器打开，把localhost替换成上面通过ipconfig命令查找到的电脑ip ，例如：http:// 192.168.4.155:3001
二、遇到手机不能打开项目地址的问题解决
1.把 3001 端口加入白名单，或者你自己选择的开发端口，参照这篇文章win10如何开放端口_win10开放端口-CSDN博客
2.在 VSCode 的设置里将 Local Port Host 设置为 allInterfaces，设置之后重启 VSCode
3.在打开的浏览器调试页面设置端口转发（3001端口前缀设置成127.0.01和localhost是一样的）
其他调试工具
Tencent/vConsole
liriliri/eruda
