Comment déboguer un projet js avec un point d'arrêt dans vscode-VSCode-php.cn

Comment déboguer un projet js avec un point d'arrêt dans vscode

王林

Libérer： 2019-12-31 15:20:37

original

4736 Les gens l'ont consulté

Comment déboguer un projet js avec un point d'arrêt dans vscode

1、首先安装 Debugger for Chrome 插件

Comment déboguer un projet js avec un point darrêt dans vscode

2、打开项目，按 F5 ，打开搜索框，选择 chrome

Comment déboguer un projet js avec un point darrêt dans vscode

会打开launch.json文件，如图：

Comment déboguer un projet js avec un point darrêt dans vscode

3、添加配置信息，如图：

{
            "name": "使用本机 Chrome 调试",
            "type": "chrome",
            "request": "launch",
             "file": "${workspaceRoot}/index.html",
        //  "url": "http://mysite.com/index.html", 
        //使用外部服务器时,请注释掉 file, 改用 url, 并将 useBuildInServer 设置为 false "http://mysite.com/index.html
            "runtimeExecutable": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe", 
            // 改成您的 Chrome 安装路径
            "sourceMaps": true,
            "webRoot": "${workspaceRoot}",
        //  "preLaunchTask":"build",
            "userDataDir":"${tmpdir}",
            "port":5433
        }

Copier après la connexion

结果如图：

Comment déboguer un projet js avec un point darrêt dans vscode