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

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

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

相关推荐
未来之窗软件服务6 分钟前
打开所在文件路径,鸿蒙系统,苹果macos,windows,android,linux —智能编程—仙盟创梦IDE
前端·ide·资源管理器·仙盟创梦ide
未来之窗软件服务19 分钟前
SAN 文件编码识别-对抗网络搜索—智能编程—仙盟创梦IDE
网络·ide·文件编码·仙盟创梦ide
小声读源码24 分钟前
【部署】win10的wsl环境下调试dify的api后端服务
vscode·python·docker·uv·dify·remote-ssh·pyenv
爱吃程序猿的喵33 分钟前
基于VSCode+PlatformIO环境的ESP8266的HX1838红外模块
ide·vscode·编辑器·arduino·esp8266·红外线
threelab1 小时前
02.three官方示例+编辑器+AI快速学习webgl_animation_skinning_blending
人工智能·学习·编辑器
dz小伟7 小时前
vim的配置
linux·编辑器·vim
阿运河9 小时前
如何配置 VScode 断点调试Linux 工程代码
linux·ide·vscode
cocogogogo9 小时前
Jupyter Notebook / Lab 疑难杂症记:从命令找不到到环境冲突与网络阻塞的排查实录
网络·ide·jupyter
帮帮志12 小时前
【2025年】基于电脑的jdk1.8通过idea创建springboot2.x版本(非常简洁快速)
java·ide·intellij-idea
zhang238390615414 小时前
idea如何快速生成测试类
java·ide·intellij-idea