在VSCode中使用Live Server真机调试

转载:在vscode中使用Live Server 真机调试_vscode live server-CSDN博客

第一步 安装Live Server

1、在vscode 中搜索 Live Server并安装

2、安装完成之后 鼠标右键单击 html文件 > 点击 Open with Live Server

3、 然后会弹出默认浏览器 并显示页面 。可以看到路径 类似启动一个服务器

4、想要在手机上访问 就需要输入你的IP地址加上后面的5500 查看ip地址 Windows+R 输入cmd

然后点确定或者回车。

5、输入ipconfig 回车 查看ip地址

6、把 127.0.0.1 换成 IPv4的地址 ,列:http://192.168.0.120:5500/index.html,在手机上输入就可以访问了。

注意(电脑和手机必须处于同一个网络下 才可以使用 否则不生效!)

如有书写错误请指出感谢!

相关推荐
A_one20106 分钟前
vscode editor 基础行为配置
ide·vscode·编辑器
q***54751 小时前
解决no main manifest attribute错误
ide·python·pycharm
羊仔AI探索2 小时前
GLM-4.6接入Claude Code插件,国内丝滑编程
ide·人工智能·ai·aigc·ai编程
m0_490240672 小时前
wsl+vscode
ide·vscode·编辑器
在天愿作比翼鸟在地愿为连理枝2 小时前
宿主机使用VScode连接本地虚拟机
ide·vscode·编辑器
郑板桥303 小时前
如何自定义一个MCP服务器:从零到一的完整指南
前端·vscode
一只大头猿4 小时前
myeclipse-ci-2018安装教程
ide·ci/cd·myeclipse
MounRiver_Studio4 小时前
RISC-V IDE MRS2使用笔记(三):编译后函数调用分析
ide·笔记·risc-v
MounRiver_Studio4 小时前
RISC-V IDE MRS2使用笔记(二): 编译后Memory分析
ide·笔记·单片机·嵌入式·risc-v
黑夜路人4 小时前
Cursor中rules配置参考-202504版(含前后端Golang/TypeScript/Kotlin等)
ide·vscode·ai·golang