vscode 写的代码能在手机上访问 详细步骤

最新推荐文章于 2024-05-02 16:00:41 发布
最新推荐文章于 2024-05-02 16:00:41 发布
阅读量8.4k 收藏 39
点赞数 3
文章标签： windows vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vbind/article/details/124462793
版权
在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 来实现网页代码实时预览，
  • 2.然后更改 windows ip
  • 3.修改网址前面的 IP
  • 4.把网址发送到手机即可实现效果
vbind
关注
  • 3
    点赞
  • 踩
  • 39
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
如何通过vscode运行调试javascript代码
10-15
本篇文章将详细介绍如何在VSCode中运行和调试JavaScript代码，分为两种方法：直接在JS文件中编写代码以及在HTML文件中嵌入JavaScript代码。 **方法一：在JS文件中编写JavaScript代码** 1. **环境配置**： - 首先...
vscode写的html页面在手机端实现预览
等待のL先森的博客
11-26 9686
vscode写的html页面在手机端实现预览 做了一个响应式网页，需要在手机端查看浏览，所以在电脑上找了很久的资料，对于这个问题，但是都不是很详细，虽然最后终于解决了这个问题，实现了手机端浏览。但是我还是想把这个问题详细的步骤说出来，以便能给一些刚接触的和不会的小白一些方便。 1: 安装live server 插件 要想在移动端调试，首先得本地起一个服务，这时候就用到了live server 插件。 具体下载方法： 在vscode 中搜索下载，如图所示： 搜索出来，点击安装即可，我这里已经安装好了。 安
让你的 vs code 跑在云上，用手机浏览器就能写代码
weixin_30867015的博客
05-23 1201
让你的vs code 跑在云服务器上 在B站上看到一个视频Run VS Code in the browser with massive computing resources（教你如何配置一个云IDE），视频里将vs Code部署在谷歌云上，这样就可以在任意的地方，使用浏览器在线编辑代码执行程序。 随后我自然是那我在腾讯云上的服务器进行了一番测试。 这是PC上的效果： 这是手机上的效...
使用VS Code进行Auto.js开发时使用ADB连接安卓手机设备
最新发布
k666345的博客
05-02 407
手机数据线连接电脑，开启调试模式，无障碍服务，和Auto.js app上的USB调试开关，输入命令连接设备，👇。如果要关闭adb，在任务管理器中找到adb.exe停止运行即可。看到successfully就是运行成功，cmd窗口可以关闭。下载完解压后进入文件夹中，打开它的cmd，输入。按F5运行代码，可以在手机上看到输出内容。
vscode 写的代码在手机上实时查看 详细步骤
weixin_61710685的博客
01-09 3748
vscode 写的代码在手机上实时查看 详细步骤
移动端真机预览
烟雨任平生╰的博客
05-29 1063
平常写一个html移动端页面，除了在浏览器调试工具看效果外 想在真机上看一下真实适配效果。那么告诉你一个方法： 1、使用vscode 安装 热更新插件：Live Server 2、配置Live Server 打开vscode 命令面板 window：ctrl+shift+p（如果快捷键冲突的话直接点上面工具条：查看 => 命令面板） 这个时候默认浏览器 就会打开你的项目首页 开启了热更新功能，修改代码 页面会随之更新； 如果想在移动端看效果，那么还需要配置一下vscode 同样 打开vsc
使用vscode写的html页面在手机端实现预览
qyx189573的博客
07-21 7987
使用vscode写的html页面在手机端实现预览 1.准备 在vscode 中下载 live Serve 扩展插件 2.设置 打开文件------首选项 ------设置-----找到扩展中----Live Serve Config-----Settings: Custom Browser -----个人选择浏览器-----Settings: Host------设置局域网ip (在同一个局域网中)； 3.浏览 在浏览的时候选择 open with live serve 4.注意 以上需在同一局域网中，手机
利用vscode插件live server开启局域网共享html页面
qq_46680839的博客
03-24 2172
通过vscode插件live server开启局域网共享html页面
如何让公司其他人（同一个局域网）访问自己电脑静态.html
miin_ying的博客
09-16 2629
如何让公司其他人（同一个局域网）访问自己电脑静态.html
vscode配置verilog开发环境示例代码包，可编译运行，观察波形
04-22
2. **Verilog HDL Simulator (iverilog)**：此扩展由Vladimir Kurenkov开发，它集成了iverilog编译器，使得在VSCode内编译和仿真Verilog代码变得简单。 接下来，让我们详细讲解如何配置和使用这些工具： ### 配置...
vscode 调试 node.js的方法步骤
10-14
在开发 Node.js 应用程序时，调试是一个至关重要的环节，它可以帮助我们找出代码中的错误，理解程序的执行流程。Visual Studio Code (VS Code) 是一个功能强大的源代码编辑器，支持多种编程语言，包括 Node.js。本文...
VScode连接远程服务器上的jupyter notebook的实现
09-17
本篇文章将详细介绍如何使用VScode连接到远程服务器上的Jupyter Notebook，从而实现远程开发环境的搭建。 首先，确保你的本地计算机和远程服务器之间已经配置了SSH连接。SSH（Secure Shell）是一种网络协议，用于...
手机实时预览vscode写的html页面
韩旭不会敲代码吧的博客
11-19 2711
手机实时预览vscode写的html页面
HTML VSCode的使用
weixin_53263488的博客
11-06 767
VScode的相关使用VSCode的使用vscode插件安装vccode工具生成骨架标签新增代码1.文档类型声明标签2.lang语言种类3.字符集总结 VSCode的使用 1.打开软件 2.新建文件（Ctrl + S） 3.直接保存，注意要保存为 .html 文件 4.生成页面骨架结构 输入 ！ 按下 Tab 键 vscode插件安装 安装后记得重新打开软件 vccode工具生成骨架标签新增代码 1.文档类型声明标签 2.lang语言种类 3.字符集 注意：上面的语法是必须写的代码，否则会
auto.js使用vscode连接手机教程
Heartnottowake的博客
04-21 9602
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运
安卓手机termux下安装vscode
qq_34917272的博客
09-20 7689
前言: 为了方便写代码我想找一款和pc端一样的vscode代码编辑器，mt管理器可以但是写代码不能运行。因此我准备在termux上安装vscode 第一步安装termux以及各种依赖 apk或者pkg命令，我已经安装好了termux，并且安装了python，等等很多工具，具体见国光的安装，如下 https://www.sqlsec.com/2018/05/termux.html 第二步下载code-server 从github上下载code-server，版本为arm64（注意查看自己的处理器），
测试猿——VScode链接手机
m0_74032285的博客
02-20 379
接下来使用CTRL+ALT+F6。将vscode中的拓展文件选中。在其中输入手机的ip地址。
VScode页面开发
m0_74937538的博客
08-04 5209
当一个元素的宽度已知，并且希望它在其容器中水平居中对齐时，可以使用这个属性。11）overflow: hidden该元素的内容若超出了给定的宽度和高度属性，那么超出的部分将会被隐藏，不占位。13）text-overflow: ellipsis的意思就是在文本溢出容器时，使用省略号来表示溢出的部分。7)、input type="radio" 单选按钮，同组按钮内，name值保持一致，互斥，不能同时选中。9)sub下标/sup上标：上下标标签，加入（title=“*******”）链接可显示标签信息。
学习前端的第六天
weixin_51666715的博客
12-14 802
快速写好移动端静态页面的所需工具 1.首先你要有一个优秀的写代码的工具，工具很简单，比如vs code\webstrom\DW 2.本人也是使用vs code来编写代码，这个软件首先下插件很方便，功能强大，能够很快的上手. 如果你使用的就是vs code的话，跟随着我，你写静态页面的速度绝对会大幅度提升 1.你需要先下载一些插件： 以上的插件都十分使用，能使你的代码高效，特别是最后一个插件 当然拥有上面的的还需要一个辅助神奇，名为公共样式 <style> /* 本人专用公共样式 */ /
VScode创建django详细步骤
07-09
以下是在VS Code中创建Django项目的详细步骤： 1. 安装Python和VS Code：首先，确保你已经安装了Python和VS Code。你可以从Python官方网站下载并安装最新的Python版本，并从VS Code官方网站下载并安装VS Code。 2. 安装Django：在终端或命令提示符中运行以下命令来安装Django： ``` pip install django ``` 3. 创建Django项目：打开VS Code并创建一个新的文件夹来存放你的Django项目。然后，在VS Code的终端中运行以下命令来创建一个Django项目： ``` django-admin startproject projectname ``` 将"projectname"替换为你想要的项目名称。 4. 打开项目文件夹：在VS Code中，点击菜单栏的"文件"，选择"打开文件夹"，然后选择你创建的Django项目文件夹。 5. 创建Django应用：在VS Code的终端中，进入项目文件夹并运行以下命令来创建一个Django应用： ``` python manage.py startapp appname ``` 将"appname"替换为你想要的应用名称。 6. 配置数据库：在Django项目的settings.py文件中，找到DATABASES设置，根据你的需求配置数据库连接。 7. 运行开发服务器：在VS Code的终端中，进入项目文件夹并运行以下命令来启动Django开发服务器： ``` python manage.py runserver ``` 8. 在浏览器中查看应用：在浏览器中访问"http://localhost:8000/"，你将看到Django的默认欢迎页面。 现在，你已经成功在VS Code中创建了一个Django项目，并可以开始开发你的应用了。你可以在VS Code中编辑代码、创建模型、编写视图和模板等。如果需要更多的Django开发工具和插件，可以在VS Code的扩展市场中搜索并安装。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值