本文参考了: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两个插件,并安装。
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);
① 在VSCODE中配置Node.js
建立一个文件夹(如:demo),在文件夹中建立一个js文件(如demo.js),使用VSCODE打开该文件夹,然后按下图操作:
编写好JS文件之后,按F5就能直接在控制台查看运行结果了
②右键点击Run Code,在输出窗口即可看到结果。
VS Code 将尝试自动检测您的调试环境,但如果失败,您将不得不手动选择它: Node.js
③ 按F5启动调试模式。
先在代码行行号前点击,打下一个断点,再按F5启动调试
VS Code 将尝试自动检测您的调试环境,但如果失败,您将不得不手动选择它: Node.js
可以看到程序停止在了断点所在行,一旦调试会话开始,调试工具栏将出现在编辑器的顶部。
继续/暂停F5
单步跳过F10
单步调试F11
单步跳出Shift+ F11
重启Ctrl+ Shift + F5文章来源:https://www.toymoban.com/news/detail-566157.html
停止Shift+ F5文章来源地址https://www.toymoban.com/news/detail-566157.html
到了这里,关于VSCode调试JavaScript代码方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!