Déboguer js dans VS Code

Déboguer js dans VS Code

Installez d'abord deux plugins

  • débogueur pour chrome
  • Le serveur live
    Insérez la description de l'image ici
    crée un fichier index.html, crée un fichier index.js
    et introduit le fichier index.js dans index.html

Rupture dans le fichier index.js
Insérez la description de l'image ici
Créez le fichier launch.json
Insérez la description de l'image ici
Environnement sélectionnez chrome pour
Insérez la description de l'image ici
modifier launch.json comme suit

{
    // 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "chrome 调试",
            "url": "http://localhost:5500",
            "webRoot": "${workspaceFolder}"
        }
    ]
}

Cliquez pour déboguer
Insérez la description de l'image ici

Je suppose que tu aimes

Origine blog.csdn.net/weixin_44048668/article/details/114745184
conseillé
Classement