美文网首页优秀案例前端
在vscode编辑器中,如何实现手机端调试页面

在vscode编辑器中,如何实现手机端调试页面

作者: 随笔记呀 | 来源:发表于2020-07-08 14:21 被阅读0次

1: 安装live server 插件

      要想在移动端调试,首先得本地起一个服务,这时候就用到了live server 插件。

  • 具体下载方法:
    • vscode 中搜索下载,如图所示:
      image.png
    • 搜索出来,点击安装即可,我这里已经安装好了。
    • 安装好了之后,重启编辑器即可。
  • 使用方法:
    • vscode 的右下角有如图所示的图标,点击即可。默认服务器的端口号为5500。
      image.png
  • 将运行的地址前,将端口号前面的地址改成自己的电脑IP。
  • 首先保证电脑和手机连的同一WiFi。用手机访问改成自己IP的项目地址就可以了。

相关文章

  • 在vscode编辑器中,如何实现手机端调试页面

    1: 安装live server 插件 要想在移动端调试,首先得本地起一个服务,这时候就用到了live serve...

  • 待写计划

    chrome调试手机端页面2. vscode 开启热更新 自定义vue-cli4. mutationObserve...

  • 调试工具的使用

    开启调试窗口 windows 平台: f12 调试窗口介绍 指针: 选择页面中的元素 手机: 使用移动端界面调试 ...

  • 面向对象01-调试工具

    开启调试窗口 windows 平台: f12 调试窗口介绍 指针: 选择页面中的元素 手机: 使用移动端界面调试 ...

  • 手机端页面如何调试?

    如何调试手机页面? 将手机连接到PC的同一个网络 用手机访问PC提供的 HTTP 服务(本地开起http-seve...

  • SLua-VSCode中使用LuaIde插件进行Lua调试

    简介:使用VSCode中的插件实现附加到Unity的Lua代码的调试 使用步骤:1.在VSCode中查找luaid...

  • 如何调试手机上的页面?

    一. 如何调试手机上的页面 参考safari调试iPhone app web页面进行相关配置,就可以在mac上调试...

  • iPhone手机调试工具Safari

    通过Safari调试手机页面在移动web开发过程中,需要经常考虑调试的问题,以下将对如何在苹果手机的safari浏...

  • 移动端调试

    一、关于spy-debugger 一站式页面调试、抓包工具。远程调试任何手机浏览器页面,任何手机移动端webvie...

  • 关于手机web页面的调试

    开发手机页面的调试 在开发手机页面时,由于手机浏览器通常没有开发者工具,应该如何来调试呢? 巧用window.al...

网友评论

    本文标题:在vscode编辑器中,如何实现手机端调试页面

    本文链接:https://www.haomeiwen.com/subject/alyqcktx.html