在 VS Code 控制台中調試 JavaScript

Question

如何在 VSCode 控制台中快速測試 JavaScript 如下圖所示？ 我是否必須安裝擴展程序才能做到這一點？ 我在 Ubuntu 和 Windows 10 中都使用 VSCode 但我沒有看到Console 。 我看到的只是調試控制台、問題、 Output和終端。 我目前正在使用 Quokka 擴展，但我真的很想以如下圖所示的方式測試 JS，而無需打開瀏覽器來執行此操作。

EDIT 2 Chrome JavaScript 控制台與 index.html 文件和 VSCode 結合使用。 我真的希望 JS 控制台內置在 VSCode 中。

Answer 1

打開launch.json

如果為空，則粘貼整個塊，或將單個 object 添加到現有列表中。

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Node: Current File",
            "type": "node",
            "request": "launch",
            "program": "${file}",
            "console": "integratedTerminal"
        }
    ]
}

現在，當您單擊側面板上的Debug菜單（bug >按鈕）（或按F5 ）時，您將擁有一個Node: Current File作為運行時下拉選項，它將通過 Node 執行您的 JS，並顯示導致附加的 VSC 終端。

單擊綠色三角形（我的第一張圖片）開始調試（或按F5 ）並注意終端 output（在 VS 代碼中）。

注意：如果您附加斷點，通過單擊以紅點表示的行號，您可以在控制流評估期間使用Debug Console （ Terminal選項卡左側）作為命名空間環境來檢查變量等（很像 Quokka） .

我從VS Code 文檔中獲取了這個片段。 這是一本扎實的讀物。