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

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

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

    1: 安装live server 插件

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

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

    相关文章

      网友评论

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

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