Maison > outils de développement > VSCode > le corps du texte

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

王林
Libérer: 2019-12-31 15:20:37
original
4758 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

4、更改调试方式,如图,选择左边的圆形按钮,然后出来这个调试配置管理界面,选择“使用本机 Chrome 调试”。

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

5、然后在项目的 js 处设置好断点,按 F5,就可以进行断点调试了。

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

相关文章教程推荐:vscode教程

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal