vscode调试JavaScript代码

最新推荐文章于 2025-06-14 09:41:42 发布

原创最新推荐文章于 2025-06-14 09:41:42 发布 · 2.1w 阅读

20 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何使用VSCode配置JavaScript运行环境进行代码调试。通过安装Node.js和设置launch.json文件，可以实现对JavaScript代码的有效调试。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在调试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.js

Debugger listening on [::]:37692

message

调试成功