VSCode 如何同步显示网页在手机或者平板上

最新推荐文章于 2024-09-27 14:52:25 发布
最新推荐文章于 2024-09-27 14:52:25 发布
阅读量1.1k 收藏 6
点赞数 17
分类专栏： HTML5 CSS 前端开发 文章标签： vscode ide 编辑器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Odyssey_kd/article/details/137121637
版权
本文指导如何在电脑上安装并配置VisualStudioCode的LiveServer插件，包括设置自定义IP地址，以便于本地开发时访问HTML页面。作者提供了详细的步骤和截图，解决网络连接问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

首先要确保

①电脑上安装了VsCode

②VsCode安装插件LiveServer        

 安装成功之后 连续按住 Alt +L 、Alt+ O 

会跳转到对应的html页面上 

http://127.0.0.1:5500/.......   是这个开头的 

然后打开网络 

如果桌面有网上邻居的可以直接点桌面的网上邻居 

进来找到WLAN这个网络 右击选择属性

进来默认是选择 自动获得IP地址  

这时候我们全部点击下面的 “使用下面的IP地址”

然后去填写①②部分的地址

①的地址获取方式

最低0.47元/天 解锁文章
vscode远程服务器对本地手机进行adb调试
weixin_63598316的博客
02-10 763
vscode远程服务器对本地手机进行adb调试
vs-code-android:在Android上使用VS Code的简便方法
03-25
vs-code-android 在Android上使用VS Code的简便方法
测试猿——VScode链接手机
m0_74032285的博客
02-20 737
接下来使用CTRL+ALT+F6。将vscode中的拓展文件选中。在其中输入手机的ip地址。
VSCode html 页面查看在手机端的效果
m0_44998776的博客
09-27 2822
用VSCode写的 html 页面在电脑上显示没有问题，在手机上看却有一些溢出之类的问题，所以我找了一下怎么预览在不同客户端的效果。 这里提供两种比较简单的方法： 在电脑端模拟手机效果。在 Chrome 浏览器中模拟手机设备并查看HTML文件在手机上的效果。 使用移动设备调试功能。通过VSCode中的Live Server插件实现在手机上查看HTML文件。
vscode 写的代码能在手机上访问 详细步骤
vbind的博客
04-28 9560
在vscode下载Live Server插件和更改windows ip设置，具体操作如下： 下载vscode插件 设置windows ip win+R 打开终端输入：ipconfig 重点 找到SDN 服务器: 2. 找到设置ipv4窗口： 3. 4. 5. 手机和电脑连同一个wifi的情况下，再把vscode生成的网页网址前面的IP换成本地的IP 最后发送到手机执行的效果： 总结：1.通过安装vscode 插件Live Server 来实现网页代码实时预
vscode 写的代码在手机上实时查看 详细步骤
weixin_61710685的博客
01-09 4633
vscode 写的代码在手机上实时查看 详细步骤
如何在 iPad 上运行 VSCode
热门推荐
自留地
05-31 1万+
id: 如何在iPad上运行VSCode title: 如何在 iPad 上运行 VS Code 注：本教程基于 code-server v3.8.0，CentOS 8.2. 补充更新 更推荐以 Docker 方式安装 code-server 服务。仅需一行命令部署，且无需配置后台运行，自带 Git 等环境。详见：Docker 方式运行 code-server 如果你不想用 Docker 的方式部署，请继续阅读下文。 一、配置服务器 首先，你需要有一台 24h 不停机的服务器（推荐买阿里云 / 腾讯云.
【VSCode同步高级技巧：常见同步错误与问题预防】：同步高手的防坑手册
[【VSCode同步高级技巧：常见同步错误与问题预防】：同步高手的防坑手册](https://learn.microsoft.com/zh-cn/azure/includes/media/functions-sign-in-vs-code/functions-sign-into-azure.png) # 1. Visual Studio ...
VSCode同步秘籍：多电脑间环境一致性保持术
[VSCode同步秘籍：多电脑间环境一致性保持术](https://raygun.com/blog/images/java-debugging-tools/05-visual-studio-code.jpg) # 1. VSCode简介及多环境同步需求 ## 1.1 VSCode简介 Visual Studio Code（VSCode...
平板怎么使用vscode
最新发布
03-14
</think>### 如何在平板上使用 VSCode 进行开发？ #### **1. iPad 上的配置方案** 由于 iPadOS 的限制，无法直接安装桌面版 VSCode，但可通过以下方式实现： - **网页版 VSCode**：使用 GitHub Codespaces 或 VS ...
vscode插件
12-18
vscode插件vscode插件vscode插件vscode插件vscode插件
手机实时预览vscode写的html页面
韩旭不会敲代码吧的博客
11-19 2989
手机实时预览vscode写的html页面
【AutoX.js】VSCode中使用插件连接手机
qq_39788788的博客
08-11 1549
手机开启开发者模式， 点击 设置 => 我的设备 => 全部参数 => 连续点击 MIUI版本 ，直到出现 “您现在处于开发者模式”
vscode写的html页面在手机端实现预览
等待のL先森的博客
11-26 1万+
vscode写的html页面在手机端实现预览 做了一个响应式网页，需要在手机端查看浏览，所以在电脑上找了很久的资料，对于这个问题，但是都不是很详细，虽然最后终于解决了这个问题，实现了手机端浏览。但是我还是想把这个问题详细的步骤说出来，以便能给一些刚接触的和不会的小白一些方便。 1: 安装live server 插件 要想在移动端调试，首先得本地起一个服务，这时候就用到了live server 插件。 具体下载方法： 在vscode 中搜索下载，如图所示： 搜索出来，点击安装即可，我这里已经安装好了。 安
使用vscode写的html页面在手机端实现预览
qyx189573的博客
07-21 8355
使用vscode写的html页面在手机端实现预览 1.准备 在vscode 中下载 live Serve 扩展插件 2.设置 打开文件------首选项 ------设置-----找到扩展中----Live Serve Config-----Settings: Custom Browser -----个人选择浏览器-----Settings: Host------设置局域网ip (在同一个局域网中)； 3.浏览 在浏览的时候选择 open with live serve 4.注意 以上需在同一局域网中，手机
vscode网页显示_Vscode在浏览器中查看html页面的操作方法
weixin_40007016的博客
12-20 9137
Vscode是一款出自微软公司免费开源的前端编程IDE神器，可在您的桌面上运行，并且可用于Windows，macOS和Linux。下文为大家介绍Vscode在浏览器中查看html页面的操作方法，有需要的朋友来Win10镜像官网下载使用吧。操作方法如下1、首先打开程序，编写好一个html程序。2、然后点击左侧第五行的扩展，或者使用快捷键ctrl+shift+X打开扩展栏。3、在扩展栏的搜索栏中输入“...
前端简易服务器之vscode篇（可供项目预览手机访问电脑网页等）
凌晨不睡觉
06-02 2863
几种方案本质其实都是启动一个简易服务器然后手机访问来实现的，一般来说使用webpackia脚手架搭建的项目都会自动启动一个服务所以并不需要使用这些方案再重复启动了，直接在config配置下host即可 方案一 使用vscode插件Live Server来实现，安装插件启用后会直接启动一个服务只需要保持手机跟电脑在同一个网络环境下即可访问。 具体步骤如下： 打开vscode在扩展中搜索 Live Server 插件选择安装 配置下插件的启动所使用的ip，在设置中搜索live在左侧菜单选择扩展&gt.
auto.js使用vscode连接手机教程
Heartnottowake的博客
04-21 1万+
1，打开vscode安装插件，这个插件叫Auto.js-VSCodeExt 2，按下ctr+shift+p查找auto.js，然后启动anto.js: Start Server(选中回车就行） 3，手机下载autojs,开启无障碍功能，然后点击左上角的3个杠，点击连接电脑，然后再电脑端，打开cmd，输入ipconfig,将Ipv4的端口地址填入手机，然后在vscode输出框就会显示连接成功，并显示你的手机型号 4，这个时候，你就只需要新建一个js文件，然后输入简单命令，比如toast(“你好”),按f5运
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值