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

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

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

相关推荐
吐个泡泡v3 小时前
Maven 核心命令详解:compile、exec:java、package 与 IDE Reload 机制深度解析
java·ide·maven·mvn compile
细节处有神明4 小时前
Jupyter 中实现交互式图表:ipywidgets 从入门到部署
ide·python·jupyter
程序员陆通4 小时前
CloudBase AI ToolKit + VSCode Copilot:打造高效智能云端开发新体验
人工智能·vscode·copilot
任磊abc18 小时前
vscode无法检测到typescript环境解决办法
ide·vscode·typescript
hfut028818 小时前
【vscode使用说明】
vscode·编辑器·vim
weixin_3077791320 小时前
VS Code配置MinGW64编译GNU 科学库 (GSL)
开发语言·c++·vscode·算法
ala咪1 天前
切换VSCODE 中的默认 shell
vscode
不老刘1 天前
Tiptap(基于 Prosemirror)vs TinyMCE:哪个更适合你的技术栈?
编辑器·tinymce·tiptap·prosemirror
BIBI20491 天前
自定义 VSCode 标题栏以区分不同版本
ide·vscode·编辑器
:-)1 天前
idea配置maven国内镜像
java·ide·maven·intellij-idea