如何在 vscode 中調試 Javascript Function？

Question

Macbook、OSX 10.9 VsCode - 企業版 2019

// 問題描述

我有一個非常簡單的 JS function


function countup(n) {
    if (n < 1) {
      return [];
    } else {
      const countArray = countup(n - 1);
      //debugger;
      countArray.push(n);
      return countArray;
    }
  }
  console.log(countup(5));

我需要什么幫助？

通過在兩者之間添加斷點，在 vscode 上使用調試器運行它。 當我嘗試使用 launch.json 配置


{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome",
            "file": "${workspaceRoot}/Test.js"
        }
    ]
}

這基本上在 Chrome 中呈現 JS 文件，但不執行實際的 function。 我在 vs 代碼中使用本地服務器 + chrome 調試器擴展進行了同樣的嘗試。

我怎樣才能讓它工作？

Answer 1

要運行 JS 代碼，需要打開一個新的 HTML 文件並運行 HTML 中的代碼。 如果它只是一個基本代碼，您可以使用 Script 標簽<script>並使用 onload 事件在 body 標簽中調用 function。 完成后，您可以使用 chrome 調試器（按 F12）

這是一個例子

<body onload="Myfunction()">
    <script>
        function Myfunction() {
        console.log('hello world');
        }
    </script>
</body>

如何在 vscode 中調試 Javascript Function？

問題描述

1 個解決方案

解決方案1
1 2020-12-19 11:20:03

如何在 vscode 中調試 Javascript Function？

問題描述

1 個解決方案

解決方案1 1 2020-12-19 11:20:03

解決方案1
1 2020-12-19 11:20:03