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

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

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

相关推荐
洛兮银儿11 小时前
VScode注释快捷键的修改
ide·vscode·编辑器
优信电子17 小时前
Raspberry Pi Pico(RP2040)快速入门:Arduino IDE环境搭建与第一个程序
ide
小肝一下18 小时前
多态(上)
android·开发语言·c++·vscode·多态·面向对象·伊蕾娜
2501_915921431 天前
iOS开发环境搭建详解 Xcode 配置与快蝎轻量级工具选择
ide·vscode·macos·ios·个人开发·xcode·敏捷流程
极梦网络无忧1 天前
real-ai-editor:一款轻量、智能的纯前端 AI 富文本与 Markdown 编辑器
前端·人工智能·编辑器
wardenlzr1 天前
VSCode 运行 Live Server 提示「Windows 找不到文件 Chrome」问题全解析
chrome·windows·vscode
程序员more1 天前
我用 AI,20 分钟做了一个 VSCode 股票摸鱼插件
人工智能·vscode
减瓦2 天前
告别Postman——用VSCode优雅地发起Http请求
vscode·http·postman
csdn2015_2 天前
vscode从gitlab拉项目到本地
vscode·gitlab
△曉風殘月〆2 天前
如何在Visual Studio 2026中配置Qt 6.1开发环境
ide·visual studio