背景

相信很多前端的小伙伴，在调试代码时，更多在使用debugger，console，在IDE中手写后，保存，打开浏览器刷新页面。但是有的时候，受设备限制（只有一个显示器），来回切屏是一件很痛苦的事儿，那么今天为大家提供另一种方案。

因为使用的vscode，所以就以它为例吧

项目配置

项目根目录中新建.vscode文件夹（如有不需要），新建launch.json文件，copy如下配置：

{ 
    "configurations": [ 
        { 
            "type": "chrome", // 模式：chrome、edge 可选 
            "name": "lambo", // 调试的名称，可以自定义 
            "request": "launch", // 请求配置类型：可以是 attach 或者 launch 
            "url": "http://localhost:port/xxx" // xxx是要调试的页面地址 
        }, 
        ... // 可以创建多个调试配置，方便快速启动 
    ]
}