使用 Visual Studio 代码调试节点 js
Debug node js with Visual Studio Code
我尝试使用 Visual Studio 代码在节点 JS 中调试项目,但我没有实现。
我用下面的命令构建了一个简单的项目:
express myExpressApp
cd myExpressApp
npm install
npm
start
我的文件launch.json:
我select Window“调试”中的选项“启动app.js”。应用程序 运行 没有问题。我放了一个断点:
我给Chrome地址:http://localhost:3000/
Visual Studio 代码显示:“在断点处暂停”,但我没有看到任何内容,我可以按“继续”,应用程序继续...
已编辑:我使用 OS X 10.10(我对其进行了测试,它在 Ubuntu 中完美运行。)
使用 Visual Studio 代码进行调试时,遇到断点时可以做很多事情。
要转到 "debugging" 视图,您可以单击左侧的 "bug" 图标或点击 Ctrl + Shift + D
。
您在 调用堆栈 window 中看到 Paused on breakpoint.
。 window 包含调用堆栈,您可以双击不同的帧以浏览相应的源。
您还可以在此处查看Variables window以查看变量的值(local/global/closure/etc.)。
调试控制台是 VS Code 调试中最常用的功能部分之一。在调试视图中,您正在使用的配置旁边有一个小图标,看起来像 CLI 字符。您可以单击它或只对 Debug: open Console
执行命令面板搜索 (Ctrl + Shift + P
)。这将为您的临时调试命令调出调试控制台。
The documentation on VS Code debugging is quite robust, too, so I recommend you take a look at this.
VSCode 0.8.0 与早于 0.12.0 的节点版本存在问题。至少升级到 0.12.0 或等待即将推出的 VSCode 0.9.0.
我尝试使用 Visual Studio 代码在节点 JS 中调试项目,但我没有实现。 我用下面的命令构建了一个简单的项目:
express myExpressApp
cd myExpressApp
npm install
npm start
我的文件launch.json:
我select Window“调试”中的选项“启动app.js”。应用程序 运行 没有问题。我放了一个断点:
我给Chrome地址:http://localhost:3000/
Visual Studio 代码显示:“在断点处暂停”,但我没有看到任何内容,我可以按“继续”,应用程序继续...
已编辑:我使用 OS X 10.10(我对其进行了测试,它在 Ubuntu 中完美运行。)
使用 Visual Studio 代码进行调试时,遇到断点时可以做很多事情。
要转到 "debugging" 视图,您可以单击左侧的 "bug" 图标或点击 Ctrl + Shift + D
。
您在 调用堆栈 window 中看到 Paused on breakpoint.
。 window 包含调用堆栈,您可以双击不同的帧以浏览相应的源。
您还可以在此处查看Variables window以查看变量的值(local/global/closure/etc.)。
调试控制台是 VS Code 调试中最常用的功能部分之一。在调试视图中,您正在使用的配置旁边有一个小图标,看起来像 CLI 字符。您可以单击它或只对 Debug: open Console
执行命令面板搜索 (Ctrl + Shift + P
)。这将为您的临时调试命令调出调试控制台。
The documentation on VS Code debugging is quite robust, too, so I recommend you take a look at this.
VSCode 0.8.0 与早于 0.12.0 的节点版本存在问题。至少升级到 0.12.0 或等待即将推出的 VSCode 0.9.0.