在 VS Code 中調試當前文件

Question

我正在編寫 javascript，目前正在做簡單的練習/程序。 有時，我希望運行我的文件以進行測試。 我知道我可以創建一個HTML文件並在控制台中執行此操作。 在 Sublime 中，有一種方法可以“構建”當前文件並立即查看結果（例如，發送到 console.log 的任何內容）。

使用 VS Code，似乎對於我想以這種方式“構建”/調試的每個文件，我必須手動更改launch.json文件以反映當前程序的名稱。

我一直在研究解決這個問題的方法，我了解到有像${file}這樣的變量，但是當我在launch.json “程序”屬性中使用它時，例如：

"program": "${workspaceRoot}/${file}"

無論有沒有workspaceRoot部分，我都會收到以下錯誤：

Attribute "program" does not exist" (file name here). 

我是否錯過了一種簡單的方法來完成此操作，還是每次我想運行文件時都必須繼續編輯launch.json ？

提前致謝！

Answer 1

改成：

"program": "${file}"

Answer 2

作為參考，這是完整的 launch.json

{
  "launch": {
    "version": "0.2.0",
    "configurations": [
      {
        "name": "Node.js - Debug Current File",
        "type": "node",
        "request": "launch",
        "program": "${file}"
      }
    ]
  }
}

Answer 3

對於單個文件，您可以完全跳過 launch.json 文件。 只需單擊調試器面板中的綠色箭頭，然后選擇 Node 作為您的環境。

從這里。

Answer 4

您可能需要通過多種不同的方式訪問由預定義變量提供的文件：

假設您有以下要求：

• 位於/home/your-username/your-project/folder/file.ext的文件在您的編輯器中打開；
• 目錄/home/your-username/your-project作為您的根工作區打開。

因此，每個變量都將具有以下值：

• ${userHome} - /home/your-username
• ${workspaceFolder} - /home/your-username/your-project
• ${workspaceFolderBasename} - your-project
• ${file} - /home/your-username/your-project/folder/file.ext
• ${fileWorkspaceFolder} - /home/your-username/your-project
• ${relativeFile} - folder/file.ext
• ${relativeFileDirname} - folder
• ${fileBasename} - 文件file.ext
• ${fileBasenameNoExtension} - file
• ${fileDirname} - /home/your-username/your-project/folder
• ${fileExtname} - .ext
• ${lineNumber} - 光標的行號
• ${selectedText} - 在代碼編輯器中選擇的文本
• ${execPath} - Code.exe 的位置
• ${pathSeparator} - /在 macOS 或 linux 上， \在 Windows 上