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

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

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

相关推荐
棒棒糖的糖不含糖1 小时前
idea生成类信息及快捷开发配置
ide
计算机学姐1 小时前
基于PHP的电脑线上销售系统
开发语言·vscode·后端·mysql·编辑器·php·phpstorm
JANGHIGH3 小时前
VSCode值得推荐的插件(持续更新中)
ide·vscode·编辑器
小O_好好学5 小时前
vi | vim基本使用
linux·编辑器·vim
cliffordl7 小时前
vscode 环境搭建
ide·vscode·编辑器
JANGHIGH7 小时前
VSCode引用Eigen库无法识别问题解决
ide·vscode·编辑器
我就是全世界8 小时前
开源集成开发环境搭建之VSCode启动Jupyter Notebook
ide·vscode·jupyter
科研小白_d.s19 小时前
vscode配置c/c++环境
c语言·c++·vscode
程序猿进阶1 天前
如何在 Visual Studio Code 中反编译具有正确行号的 Java 类?
java·ide·vscode·算法·面试·职场和发展·架构