vscode 使用 edge/chrome调试react或单文件

最新推荐文章于 2024-05-17 23:59:23 发布

萧行之

最新推荐文章于 2024-05-17 23:59:23 发布

阅读量1.4k

点赞数

文章标签： vscode edge chrome

本文链接：https://blog.csdn.net/qq_16381291/article/details/125804409

版权

调试react

项目目录下，在.vscode目录新建launch.json，输入以下内容

{
    "configurations": [
    {
        "name": "Launch Edge",
        "request": "launch",
        "type": "msedge",
        "url": "http://localhost:3000",
        "webRoot": "${workspaceFolder}"
    }
    ]
}

如果是chrome，
将type改为：chome

调试本地文件

如果不使用react，纯调试本地html文件，修改配置如下：

{
    "configurations": [
    {
        "name": "Launch edge",
        "request": "launch",
        "type": "msedge",
        "file":"${file}"
    }
    ]
}

调试本地文件，但又需要访问其他目录文件，需要使用server。
首先要启用server，两种方法：
1、使用live-sever扩展插件，先运行一次，找到端口号；
2、使用python -m http.server 5500。指定端口号为5500。

{
    "configurations": [
    {

        "type": "msedge",//可以更换为chome

        "request": "launch",

        "name": "Launch Chrome from http",

        "url": "http://localhost:5500/${fileBasename}",

        "webRoot": "${workspaceFolder}"
                
       
    }

    ]
}