在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,在手机上输入就可以访问了。

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

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

相关推荐
啊湘2 小时前
vscode 使用 github (适用CURSOR等使用)
ide·vscode·github·cursor·mcp
从此不归路4 小时前
FPGA 结构与 CAD 设计(第3章)下
ide·fpga开发
云堆客栈4 小时前
基于vscode的markdown编辑器部署方案
ide·vscode·编辑器
smileNicky4 小时前
Lombok @Data 在 IDEA 中运行报错解决方案
java·ide·intellij-idea
好大哥呀4 小时前
C++ IDE
开发语言·c++·ide
OpenMiniServer5 小时前
AI + GitLab + VSCode:下一代开发工作流的革命性集成
人工智能·vscode·gitlab
滑稽的5 小时前
sublime merge汉化
编辑器·sublime text
dust_and_stars5 小时前
ubuntu24 安装vscode
ide·vscode·编辑器
向上的车轮6 小时前
如何选择Python IDE?
开发语言·ide·python
Destiny_where6 小时前
Claude VSCode插件版接入强大的GLM(无需登录注册claude code)
ide·人工智能·vscode·编辑器·claude code