在VSCode中使用Live Server真机调试

这篇具有很好参考价值的文章主要介绍了在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,在手机上输入就可以访问了。

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

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

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

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

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

相关文章

  • vscode+gcc+jlink调试mcu程序(用于替代IDE)

    几年前写过一篇类似的文章,那时是用于调试rtthread系统:使用 VSCode、arm-none-eabi-gdb、J-Link GDB Server 调试RTThread。 当时有关vscode和gcc调试MCU的文章很少,所以只是写了个大概。 最近又遇到了类似的问题,网上搜了一些资料,发现此方面的内容已经比较成熟了,借鉴了一些资料

    2024年02月13日
    浏览(38)
  • Vscode搭建开发调试STM32/RISC-V环境IDE(最全面)

    单片机开发IDE环境如KeilMDK,虽然操作简单 ,方便调试。但就是代码编辑风格很老套,中文符号乱码还是常有的事。而如今流行的vscode编辑器很不错,免费且相当轻量级,用来代码开发体验很不错,看着都舒服。Clion IDE体验更好,但就是它不免费且体积较大。Stm32cubeIDE生成工

    2024年02月16日
    浏览(69)
  • 使用VSCode作为Unity的代码编辑器

                    Unity在选择IDE 的时候其实也有很多选择,在 Windows 上我会选择 Visual Studio 或者是 VS Code ,在编程体验上来讲我更喜欢 Visual Studio 。但是在 Mac OS 可能 Visual Studio Mac 版本并非是一个靠谱的选择,它和 Rider 一样都过于笨重,编程体验比较卡顿,于是我还是

    2024年02月08日
    浏览(66)
  • 入门人工智能 —— 学习 python 使用 IDE :vscode 完成编程 (2)

    在上一篇文章中,介绍了如何入门人工智能编程,并开始了学习 Python 编程语言的基础知识。本文是系列文章的第二部分,我们将继续探讨 Python 编程,但这次我们将使用 Visual Studio Code(简称 VSCode)作为我们的集成开发环境(IDE)。VSCode 是一个功能强大的文本编辑器,它可以

    2024年02月09日
    浏览(64)
  • 【VScode】使用VScode内置的调试控制台来调试JS

    在 TEST 文件夹下有一个 javascript.js 文件,里面有一段 JS 代码,我想用 VScode 内置控制台打断点 1、切换到【运行和调试】,首次需要添加配置,设置 launch.json 文件。  2、launch.json 文件配置如下,注意 program 配置成 ${file},表示 是 当前打开的文件 ,这样一来我们每切换到另

    2024年02月12日
    浏览(53)
  • 使用Vscode 编辑器 导出、导入和运行Excel中的VBA代码

    前言 Excel自带的 Microsoft Visual Basic for Applications 编辑器常被人称为上古编辑器,的确不适合代码编辑,这是其一,其二是当系统语言与Excel的安装语言不一致时,往往出现乱码,看起来极不舒服,这时又需要更改系统语言,所以往往需要探索其他的VBA开发编辑器,经过一番探索

    2024年02月04日
    浏览(144)
  • 在VSCode平台上使用Embedded IDE搭建单片机开发环境

    本文介绍了如何在VSCode平台上通过Embedded IDE插件搭建单片机开发环境,包括软件安装、插件配置、编译器安装和项目构建等步骤。

    2023年04月08日
    浏览(63)
  • 【JSDoc&vscode】使用JSDoc、在vscode中开启node调试、使用vscode编写运行Python程序

    JSDoc是JavaScript的一种注释语法,同时通过JSDoc注释也可以规避js弱类型中不进行代码提示的问题 图形展示JSDoc的效果:  上述没有进行JSDoc,然后我们a点什么 是没有任何提示的 上述就是加上 JSDoc的效果 常用的 vscode 其实内置了 jsDoc, 只需输入 /** 然后就会有提示,然后直接按

    2024年02月11日
    浏览(49)
  • VSCode使用CMake断点调试

    在 VS Code 中使用 CMake 进行断点运行调试,需要进行以下步骤: 确保已在系统中安装了 CMake 和调试器(如 GDB)。 在项目根目录下创建一个名为 .vscode 的文件夹。 在项目根目录下创建一个名为 build 的文件夹,并在终端中导航到该文件夹。 运行以下命令来生成构建文件: 运行

    2024年02月12日
    浏览(40)
  • CMake快速使用+VSCode开发(调试)

    1、cmake安装和入门使用 1.1 安装 1.2 简单程序使用cmake 在指定的目录中作为项目目录,里面只有一个Apply.cpp文件。此外为了使用cmake,需要有一个CMakeLists.txt文件。内容如下: 在项目目录中创建一个build文件夹,然后进入该目录进行命令的操作。如下: 此时,有了Makefile文件,

    2024年02月03日
    浏览(37)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包