在VSCode中使用Live Server真机调试

news/2024/7/16 10:26:57 标签: vscode, ide, 编辑器

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

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

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


http://www.niftyadmin.cn/n/5332249.html

相关文章

2023年的年度总结PPT不一样了?

添加图片注释,不超过 140 字(可选) 到了年终,需要撰写年度总结和制定计划了吗? 找不到合适的 PPT 模板? 感到缺乏灵感? 为做 PPT 绞尽脑汁? 为何不试试 AI 写 PPT 呢&#xff1f…

迁移npm包到nexus

背景:外包项目完工后,需要搭建客户开发环境,因此需要将对应的npm开发包迁移到客户nexus 步骤: 1.先从前端工程中的yarn.lock文件中获取组件列表 2.使用python脚本下载组件到本地 3.使用pythons脚本上传npm包到nexus仓库 第2不脚本如下&#…

(力扣记录)146. LRU 缓存

数据类型:链表 时间复杂度:O(1) 空间复杂度:O(N) 代码实现: class Node:def __init__(self, key-1, value-1):self.key keyself.val valueself.next Noneself.prev Noneclass LRUCache:def __init__(self, capacity: int)…

Vue3 + Electron框架读取程序外部配置文件

网上找了一堆都不行,根据这个步骤来肯定能用 1. 在项目下新建一个config.json文件 2. json文件中写入一些配置 3. vue.config.js中配置打包时把config.json文件copy到应用目录下 pluginOptions:{electronBuilder:{nodeIntegration:true,builderOptions: {extraReso…

前端实现pdf预览

前言&#xff1a;项目中之前pdf预览是客户端andrio实现的&#xff0c;现在需要前端H5自己实现预览功能&#xff0c;项目是基于vue的H5项目&#xff0c;记录一下pdf预览功能实现的过程和问题 一、利用iframe实现pdf预览 1、实现过程 将pdf路径设置给iframe的src属性 <ifra…

时间序列预测 — BiLSTM-Attention实现单变量负荷预测(Tensorflow)

专栏链接&#xff1a;https://blog.csdn.net/qq_41921826/category_12495091.html 专栏内容 ​ 所有文章提供源代码、数据集、效果可视化 ​ 文章多次上领域内容榜、每日必看榜单、全站综合热榜 ​ ​ ​ ​ ​ ​ ​ 时间序列预测存在的问题 ​ 现有的大量方法没有真正的预测未…

【软件测试学习笔记7】Linux指令实操练习

1.在Linux终端中可以通过哪些命令进入到用户目录 cd/home/用户目录 cd~ 2&#xff0c;在Linux终端中&#xff0c;如何查看用户目录下的所有文件&#xff08;包含隐藏文件&#xff09;的详细信息。&#xff08;使用绝对路径和相对路径&#xff09; ls -al/home/用户目录 l…

C++三剑客之std::variant(二):深入剖析

目录 1.概述 2.辅助类介绍 2.1.std::negation 2.2.std::conjunction 2.3.std::is_destructible 2.4.std::is_object 2.5.is_default_constructible 2.6.std::is_trivially_destructible 2.7.std::in_place_type和std::in_place_index 3.原理分析 3.1.存储分析 3.2.…