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

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

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

相关推荐
Dobby_053 小时前
【Go】C++ 转 Go 第(一)天:环境搭建 Windows + VSCode 远程连接 Linux
linux·运维·c++·vscode·golang
小叮当⇔4 小时前
PYcharm——获取天气
ide·python·pycharm
tianyuanwo4 小时前
VSCode高效使用完全指南:提升开发效率的系统化实践
ide·vscode·编辑器
小蕾Java4 小时前
PyCharm 2025:最新使用图文教程!
ide·python·pycharm
高山上有一只小老虎7 小时前
idea中设置快捷键风格
java·ide·intellij-idea
深耕AI8 小时前
Visual Studio资源编译错误RC2104完全解决指南
ide·visual studio
arron88998 小时前
Visual Studio 2017(VS2017)可以编译 OpenCV 4.5.5 为 32 位(x86)版本
ide·opencv·visual studio
Xeon_CC18 小时前
打开多个Unity编辑器时使用Visual Studio调试,弹出选择Unity实例窗口,但是没有实例
unity·编辑器·visual studio·调试·unity 调试
LXA080918 小时前
VSCode 常用插件全面详解
ide·vscode·编辑器
woshihonghonga19 小时前
Jupyter Notebook单元格输出换行问题解决
ide·python·jupyter