使用Visual Studio Code調試節點js

Question

我嘗試使用Visual Studio Code在節點JS中調試項目，但我沒有實現。 我用下一個命令構建了一個簡單的項目：

表達myExpressApp
cd myExpressApp
npm安裝
npm開始

我的文件launch.json：

我在Window“Debug”中選擇選項“Launch app.js”。 應用程序運行沒有問題。 我提出了一個斷點：

我在Chrome中給出了地址： http：// localhost：3000 /

Visual Studio Code說：“在斷點暫停”，但我沒有看到任何內容，我可以按繼續，應用程序繼續...

編輯：我使用OS X 10.10（我測試了它，它在Ubuntu中完美運行。）

Answer 1

VSCode 0.8.0存在早於0.12.0的節點版本的問題。 升級到至少0.12.0或等待即將推出的VSCode 0.9.0。

Answer 2

使用Visual Studio Code進行調試時，遇到斷點時可以執行許多操作。

要進入“調試”視圖，您可以單擊左側的“錯誤”圖標或Ctrl + Shift + D

你看到Paused on breakpoint. 在“ 調用堆棧”窗口中。 該窗口包含callstack，您可以雙擊不同的幀以瀏覽相應的源。

您還可以在此處看到“ 變量”窗口以查看變量的值（local / global / closure / etc.）。

VS Code中調試中較常用的功能部分之一是調試控制台。 在調試視圖中，您正在使用的配置旁邊有一個小圖標，看起來像CLI字符。 您可以單擊該命令，也可以只執行命令選項板搜索（ Ctrl + Shift + P ）進行Debug: open Console 。 這將打開您的臨時調試命令的調試控制台。

關於VS Code調試的文檔也非常強大，所以我建議你看看這個 。