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

1: 安装live server 插件

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

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

你可能感兴趣的:(在vscode编辑器中,如何实现手机端调试页面)