Maison > outils de développement > VSCode > Comment déboguer le code js dans vscode

Comment déboguer le code js dans vscode

王林
Libérer: 2019-12-14 15:35:54
original
3840 Les gens l'ont consulté

Comment déboguer le code js dans vscode

在左侧扩展中搜索Debugger for Chrome并点击安装

Comment déboguer le code js dans vscode

在自己的html工程目录下面点击f5,或者在左侧选择调试按钮

Comment déboguer le code js dans vscode

选择下拉按钮,会有一个添加,选择chrome

Comment déboguer le code js dans vscode

之后会出现laungh.json的配置文件在自己的项目目录下面

Comment déboguer le code js dans vscode

不过对于不同的代码文件要调试的话,每次都需要修改一下配置文件

{
    "version": "0.2.0",
    "configurations": [{
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:8080",
            "webRoot": "${workspaceRoot}"
        },
        {
            "type": "chrome",
            "request": "attach",
            "name": "Attach to Chrome",
            "port": 9222,
            "webRoot": "${workspaceRoot}"
        },
        {
            "name": "Launch index.html (disable sourcemaps)",
            "type": "chrome",
            "request": "launch",
            "sourceMaps": false,
            "file": "${workspaceRoot}/jsTest/test1/test1.html"  #每次需要修改这里的文件地址
        }
    ]
}
Copier après la connexion

到这里就可以进行调试了,在

Comment déboguer le code js dans vscode

中选择 Launch index.html (disable sourcemaps) 调试项,按f5调试,会出现,同时打开goole浏览器,点击

Comment déboguer le code js 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