在VSCode中使用Live Server真机调试

9月前作者：Oneforlove_twoforjob 分类：Toy博客阅读(41) 违法举报

这篇具有很好参考价值的文章主要介绍了在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日
浏览(63)
使用VSCode作为Unity的代码编辑器

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2024年02月03日
浏览(35)