在vscode中使用Live Server 真机调试

这篇具有很好参考价值的文章主要介绍了在vscode中使用Live Server 真机调试。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

第一步 安装Live Server

1、在vscode 中搜索 Live Server并安装 

live server vscode,vue,vscode,编辑器,前端

 2、安装完成之后 鼠标右键单击 html文件 > 点击 Open with Live Server

live server vscode,vue,vscode,编辑器,前端

3、 然后会弹出默认浏览器 并显示页面 。可以看到路径 类似启动一个服务器

live server vscode,vue,vscode,编辑器,前端

 4、想要在手机上访问 就需要输入你的IP地址加上后面的5500 查看ip地址 Windows+R 输入cmd

  然后点确定或者回车。

live server vscode,vue,vscode,编辑器,前端

5、输入ipconfig 回车 查看ip地址

live server vscode,vue,vscode,编辑器,前端

 6、把 127.0.0.1 换成 IPv4的地址 ,列:http://192.168.0.120:5500/index.html,在手机上输入就可以访问了。

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

如有书写错误请指出感谢!文章来源地址https://www.toymoban.com/news/detail-702291.html

到了这里,关于在vscode中使用Live Server 真机调试的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • live555server环境搭建

    openssl可选安不安 安装(选择好版本) 使用头文件是否可用时编译测试时记得链接(不可调换顺序) 不安 ./genMakefiles linux 这里可能会报一个编译错误 这里修改自己解压后这个文件中的/live/BasicUsageEnvironment/BasicTaskScheduler.cpp(190行左右) 这样就可以继续编译了 这两个文件夹下

    2024年02月12日
    浏览(36)
  • VS Code -- Live Server

    Live Server插件用来自动加载热部署前端页面相关的文件(.html/.js/.ts/.css),简单来说就是:快速启动本地服务,自动监听,不需要刷新就能更新内容。有了它之后调试前端页面再也不需要不停地手工去点击浏览器上的刷新按钮。 在vs code的插件市场安装Live Server 在设置中打开命

    2024年02月04日
    浏览(52)
  • ubuntu 22.04.3 live server图文安装流程

    备注:以下操作全用键盘,tab切换,enter确认,方向键移动; 1、 选择安装,第一个; 2、选择语言,这里只能选择英语,无中文; 3、继续而不更新  4、键盘,这里可以选择中文; 5、选择第一个即可;  6、配置网络,默认是自动获取,需要配置手动,就在三角形哪里按回车

    2024年02月03日
    浏览(39)
  • SRT服务器2:sls(srt live server)

            前面讲的SRS服务器由于实际测试SRT时,存在不稳的问题,所以切换到sls(srt live server)。实际测试比较稳定,而且代码结构简单,可以十分方便进行功能扩展和维护。         目前互联网上的视频直播有两种,一种是基于RTMP协议的直播,这种直播方式上行推流使用

    2024年02月07日
    浏览(35)
  • vmware中安装 ubuntu 22.04 live-server

    2022年10月18日更新此篇文档  Ubuntu (官方) Index of /ubuntu-releases/22.04/ | 清华大学开源软件镜像站 | Tsinghua Open Source Mirror (清华源 镜像) ubuntu-releases-22.04安装包下载_开源镜像站-阿里云 (阿里源 镜像) 注意:是下载 live-server 的镜像; 使用 WORKSTATION 16 PRO 工具 注意这里:一定

    2024年02月07日
    浏览(54)
  • ubuntu-22.04.3-live-server-amd64安装详细过程

    一、ubuntu-22.04.3官方下载地址 1.打开网址地址:https://cn.ubuntu.com/download/alternative-downloads​​​​​​ 2.拖到网页下方,点击”Ubuntu 22.04.3 LTS 服务器版“ 3.先安装迅雷,然后点开点开下载的BT文件即可下载 二、使用VMware Workstation Pro创建虚拟机 1.VMware Workstation Pro实验演示的版本

    2024年02月04日
    浏览(41)
  • 虚拟机VMware Workstation Pro安装配置使用服务器系统ubuntu-22.04.3-live-server-amd64.iso

    虚拟机里安装ubuntu-23.04-beta-desktop-amd64开启SSH(换源和备份)配置中文以及中文输入法等 获取Ubuntu服务器版 选择 Custom(advanced) : 选择 Workstation 17.x : 选择“ I will install the operating system later. ” 选择“ Linux ”: 命名 虚拟机 和 位置 : 处理器 配置: 虚拟机内存 配置: 网络类型

    2024年02月01日
    浏览(72)
  • ubuntu-20.04.6-live-server-amd64安装教程-完整版

    Ubuntu 20.04.6 Live Server AMD64 安装教程 - 完整版\\\" 提供了详细的指南,旨在帮助用户在使用 AMD64 架构的服务器上安装 Ubuntu 20.04.6 Live Server 版本。该教程包含全面的步骤和详细说明,使用户能够顺利完成整个安装过程,建立一个基于 Ubuntu 20.04.6 的服务器环境。     选择语言 选择跳

    2024年01月21日
    浏览(73)
  • ubuntu 22.04.3 live server安装JDK21与远程编程环境和maven

    解压jdk压缩包,命令: 打开环境变量,命令: 配置环境变量 重新加载配置文件,命令: 验证安装,命令: 下载JetBrains Gateway 新建ssh链接 验证链接并下载IDE 等待IDEA下载完毕 登录IDEA 下载maven,地址:https://maven.apache.org/download.cgi 解压maven,命令: 创建maven工作路径,并且把

    2024年02月21日
    浏览(54)
  • Ubuntu 更换IP (服务器)以Ubuntu-live-server20.04为例

    1.切换root登录(默认登录root) 2.输入下面代码,摁Tab键,系统会自动识别并且查找哪一个网卡或者网口的配置文件 多半是(00或者01) 注意:Linux操作系统下 注意空格 3.看到配置文件之后,摁  i  进入编辑模式 ens33:代表网卡名称                                       

    2024年01月22日
    浏览(55)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包