首页 网络技术
  1. 正文

vscode调试js的示例

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)

在里面添加

"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改为你要调试的文件名,并把改文件放在绝对路径下

(function name(params) {
console.log("message");})();

使用F5调试,得到

node --debug-brk=37692 --nolazy Untitled-1.jsDebugger listening on [::]:37692message

本文标题:vscode调试js的示例
本文链接:https://www.qqooo.cn/post/6128.html
版权说明:网站文章均来源于手工整理和网友投稿,若有不妥之处请来信 xsds@vip.qq.com 处理,谢谢!