vscode 写的代码在手机上实时查看 详细步骤

最新推荐文章于 2024-10-29 11:09:44 发布
最新推荐文章于 2024-10-29 11:09:44 发布
阅读量4.3k 收藏 23
点赞数
分类专栏： vscode 文章标签： vscode ide 编辑器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_61710685/article/details/128563273
版权
在VSCode中使用GoLive插件，配合相同WiFi环境，可以通过在手机浏览器输入电脑的IPv4地址和端口号来实时预览项目。首先确保电脑和手机在同一网络下，然后获取电脑的IPv4地址，配置IP设置，最后在手机上访问特定URL即可观看。
摘要由CSDN通过智能技术生成

1、vscode上面必须有的插件

2、手机和电脑必须处于同一个WiFi下

步骤

1、打开vscode,点击下方GoLive，变成5500

 

 2、打开终端。window+r，输入cmd

 3、输入ipconfig

 

 4、打开电脑连接的无线，打开属性

5、打开网络设置，找到高级网络设置，找到更改适配器选项

 

 6、找到连接的无线，右键属性

7、点击 Internet 协议版本 4(TCP/IPV4)

 8、将第3步和第4步找到的，填到下面相应的位置上

第三步的

 第四步的

 9、将链接放到手机浏览器即可观看

例如：http://10.3.36.204:5500/+本地地址

10.3.36.204地址为终端Ipv4地址

 

【VS Code插件开发】监听代码复制、粘贴、剪切，文件创建、删除（七）
编码世界
09-09 7万+
本文介绍了在 VS Code 插件开发过程中常见的命令，比如：代码复制、粘贴、剪切，文件删除、新增等等，后续会继续补充。
Windows环境下yolov5移植到Android手机上的详细步骤
热门推荐
qq_28664681的博客
01-15 1万+
记录一下我将训练好的YOLOv5模型移植到Android手机上的详细步骤，真的是踩坑无数加秃头的一个过程，步骤如下： 需要的环境： pycharm/vscode，AndroidStudio，Visual studio2017 文章目录一.将训练好的.pt模型转换成.onnx二. onnx -> ncnn1.需要安装的依赖库2.安装cmake很重要，这个很简单啦，自己搜教程吧3.编译protobuf-3.4.04.下载OpenCV并安装5.编译ncnn6.修改上一步生成的 .param三、Android
前端简易服务器之vscode篇（可供项目预览手机访问电脑网页等）
凌晨不睡觉
06-02 2779
几种方案本质其实都是启动一个简易服务器然后手机访问来实现的，一般来说使用webpackia脚手架搭建的项目都会自动启动一个服务所以并不需要使用这些方案再重复启动了，直接在config配置下host即可 方案一 使用vscode插件Live Server来实现，安装插件启用后会直接启动一个服务只需要保持手机跟电脑在同一个网络环境下即可访问。 具体步骤如下： 打开vscode在扩展中搜索 Live Server 插件选择安装 配置下插件的启动所使用的ip，在设置中搜索live在左侧菜单选择扩展&gt.
使用vscode写的html页面在手机端实现预览
qyx189573的博客
07-21 8232
使用vscode写的html页面在手机端实现预览 1.准备 在vscode 中下载 live Serve 扩展插件 2.设置 打开文件------首选项 ------设置-----找到扩展中----Live Serve Config-----Settings: Custom Browser -----个人选择浏览器-----Settings: Host------设置局域网ip (在同一个局域网中)； 3.浏览 在浏览的时候选择 open with live serve 4.注意 以上需在同一局域网中，手机
在手机上查看vscode的html页面
最新发布
qq_55873376的博客
10-29 220
4.打开手机浏览器输入http:// + IP地址 + Live Server端口号是。2.安装完成后，点击右下角的”Go Live”按钮即可启动服务器。Live Server端口号：5500。1.在扩展中下载live sever。例如：IP：192.168.0.1。3.连接手机和电脑到同一局域网。
用手机打开原生html页面 vscode
weixin_62042254的博客
12-14 1542
使用open in default brower和open in other browsers打开页面，地址直接是html页面文件所在地址，这样无法用手机打开 需要另外下载一个扩展：live server，在打开文件--首选项--设置--扩展--live server config，在Settings:Custom Browser中选择所需浏览器，在Settings:Host输入自己的ip地址（可以运行cmd，输入config获得自己电脑ip地址），然后就设置好了 ...
vscode 写的代码能在手机上访问 详细步骤
vbind的博客
04-28 9282
在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 html 页面查看在手机端的效果
m0_44998776的博客
09-27 1884
用VSCode写的 html 页面在电脑上显示没有问题，在手机上看却有一些溢出之类的问题，所以我找了一下怎么预览在不同客户端的效果。 这里提供两种比较简单的方法： 在电脑端模拟手机效果。在 Chrome 浏览器中模拟手机设备并查看HTML文件在手机上的效果。 使用移动设备调试功能。通过VSCode中的Live Server插件实现在手机上查看HTML文件。
vscode写的vue+vant项目,在手机端运行展示
m0_68336608的博客
08-11 628
vscode写vue+vant项目,并在手机端运行
VSCode 如何同步显示网页在手机或者平板上
Odyssey_kd的博客
03-28 1097
如何在手机上同步显示Vscode的网页 如何在平板上同步显示vscode的网页
【VSCode安全代码协作】：掌握权限管理与保护机制的6大关键步骤
![【VSCode安全代码协作】：掌握权限管理与保护机制的6大关键步骤]...在这样的环境中，开发者需要能够同时工作在同一个代码库上，而不影响工作效率或者代码质量。VSCode（Visual Studio Code）以其强大的编
vs-code-android:在Android上使用VS Code的简便方法
03-25
vs-code-android 在Android上使用VS Code的简便方法
vscode插件
12-18
vscode插件vscode插件vscode插件vscode插件vscode插件
VSCode 配置uni-app的方法
11-20
在本文中，我们将详细介绍如何配置Visual Studio Code (VSCode) 以支持开发uni-app项目。uni-app是一个跨端开发框架，允许开发者编写一次代码，同时部署到多个平台，如iOS、Android、微信小程序等。首先，我们需要...
vscode通过wifi调试真机的Flutter应用的教程
08-19
我们可以使用 USB 连接真机，然后在 VSCode 中按快捷键 Ctrl + Shift + P，选择 Disconnect from any devices，然后选择 Reset connected devices port to :5555，最后选择 Connect to device IP，并输入手机的 IP ...
测试猿——VScode链接手机
m0_74032285的博客
02-20 628
接下来使用CTRL+ALT+F6。将vscode中的拓展文件选中。在其中输入手机的ip地址。
手机实时预览vscode写的html页面
韩旭不会敲代码吧的博客
11-19 2927
手机实时预览vscode写的html页面
【AutoX.js】VSCode中使用插件连接手机
qq_39788788的博客
08-11 1232
手机开启开发者模式， 点击 设置 => 我的设备 => 全部参数 => 连续点击 MIUI版本 ，直到出现 “您现在处于开发者模式”
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运
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值