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

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

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

相关推荐
Lv11770089 分钟前
Visual Studio中的常量和只读变量
ide·笔记·c#·visual studio
Balding Curry14 分钟前
vscode快速添加插件的3种方式
ide·vscode·编辑器
yyovoll26 分钟前
循环知识点介绍 -蓝桥杯
jvm·ide·java-ee
Clarence Liu1 小时前
MacOS 在Trae IDE中构建现代C++开发环境:从新手到高效的完整指南
c++·ide·macos
木楚2 小时前
在idea中构建传统ssm框架的步骤和方式
java·ide·intellij-idea
蜡笔大新7982 小时前
IO流的认识(2)
java·ide·intellij-idea
spencer_tseng3 小时前
Eclipse JDT Core for Java Code Formatter
java·ide·eclipse
Java后端的Ai之路3 小时前
【AI编程工具】-关闭Trae IDE的Git自动Pull开关
ide·git·ai编程·trae
嵌入式的猫3 小时前
GD32或STM32使用vscode通过Cortex-Debug调试
vscode