本文摘自PHP中文网,作者藏色散人,侵删。
vscode如何调试js?
在调试JavaScript代码时,有两种比较简单的方法。
1.使用Chrome等浏览器调试
2.在vscode配置JavaScript运行环境
本文主要介绍第二种方法
配置步骤:
1.下载并安装Node.js(Node.js是JavaScript的一个运行环境)
这个在Node.js官网或者中文网都可以找到
2.配置vscode
点击vscode中“调试”按钮,打开launch.json文件(或者使用Ctrl+Shift+P输入launch.json)
在里面添加
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | "version" : "0.2.0" ,
"configurations" : [{
"name" : "Launch" ,
"type" : "node" ,
"request" : "launch" ,
"program" : "${workspaceRoot}/1.js" ,
"stopOnEntry" : false,
"args" : [],
"cwd" : "${workspaceRoot}" ,
"runtimeExecutable" : null,
"runtimeArgs" : [ "--nolazy" ],
"env" : { "NODE_ENV" : "development" },
"externalConsole" : false,
"preLaunchTask" : "" ,
"sourceMaps" : false,
"outDir" : null
},
{
"name" : "Attach" ,
"type" : "node" ,
"request" : "attach" ,
"port" : 5858
}
]
|
注意:${workspaceRoot}为当前程序工作的绝对路径。
3.调试
新建一个js文件,将launch.json中program里面的1.js改为你要调试的文件名,并把改文件放在绝对路径下
1 2 3 | ( function name(params) {
console.log( "message" );
})();
|
使用F5调试,得到
1 2 3 | node --debug-brk=37692 --nolazy Untitled-1.js
Debugger listening on [::]:37692
message
|
调试成功
相关推荐:vscode教程
以上就是vscode如何调试js的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
分享10款高效的vsCode插件,总有一款能够惊艳到你!!
vsCode支持php函数跳转的方法
vsCode卸载不干净怎么办
vsCode怎么修改标签颜色
vsCode设置代码缩进
vsCode中java开发环境的配置方法
vsCode怎么打开pdf文件
vsCode换行不缩进怎么办
vsCode是用什么开发的
vsCode如何开发react
更多相关阅读请进入《vsCode》频道 >>
转载请注明出处:木庄网络博客 » vscode如何调试js