VSCode调试JavaScript代码方法

本文参考了:https://blog.csdn.net/weixin_41922484/article/details/122858565

1.安装Node.js

参考【Win10安装nodejs】

https://blog.csdn.net/xijinno1/article/details/129574351

2. VSCode安装扩展插件

在VSCode的应用商店搜索扩展:Code Runner 和 JavaScript Debugger两个插件,并安装。

3.VSCode创建js文件测试

var a = 1;
var b = 2;
console.log("hello world");
console.log("a = ", a);
console.log("b = ", b);

① 右键点击Run Code,在输出窗口即可看到结果。

VS Code 将尝试自动检测您的调试环境,但如果失败,您将不得不手动选择它: Node.js

VSCode调试JavaScript代码方法_第1张图片

VSCode调试JavaScript代码方法_第2张图片

VSCode调试JavaScript代码方法_第3张图片

② 按F5启动调试模式。

先在代码行行号前点击,打下一个断点,再按F5启动调试

VSCode调试JavaScript代码方法_第4张图片

可以看到程序停止在了断点所在行,一旦调试会话开始,调试工具栏将出现在编辑器的顶部。

继续/暂停F5

单步跳过F10

单步调试F11

单步跳出Shift+ F11

重启Ctrl+ Shift + F5

停止Shift+ F5

VSCode调试JavaScript代码方法_第5张图片

你可能感兴趣的:(javascript,vscode,开发语言)