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

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

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

相关推荐
Hy行者勇哥3 小时前
VSCode 插件开发实战:从零打造「文件模板快建」工具,吃透扩展生态核心技术
ide·vscode·编辑器
残雪飞扬3 小时前
Pycharm社区版安装
ide·python·pycharm
思绪漂移4 小时前
CodeBuddy AI IDE :Skills 模式
ide·人工智能
Hcoco_me6 小时前
YOLOv5(三):Jupyter
ide·yolo·jupyter
月起星九14 小时前
vscode中claude code插件代理地址设置
ide·vscode·编辑器
myourdream216 小时前
获取VSCE_TOKEN用于发布Visual Studio Code扩展
ide·vscode·编辑器
逻极17 小时前
Claude Code 实战:Spec-Kit、Kiro、OpenSpec 规范驱动开发三剑客
ide·人工智能·驱动开发·ai·自动化
祎直向前19 小时前
vscode实现ssh远程连接
ide·vscode·ssh
培林将军20 小时前
Visual Studio Code 之C/C++开发编译环境搭建
c语言·c++·vscode
yqsnjps74658ocz21 小时前
如何检查Visual Studio是否支持C++14?
c++·ide·visual studio