【VScode】使用VScode内置的调试控制台来调试JS

VScode内置控制台调试JavaScript

原创

已于 2023-03-02 19:26:19 修改 · 5.1k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#vscode #javascript #前端

于 2023-03-02 19:22:44 首次发布

本文介绍如何在VScode中使用内置的调试控制台调试JavaScript代码。通过配置launch.json文件，设置program为当前文件，然后设置断点，启动调试进行详细步骤说明。

背景

在 TEST 文件夹下有一个 javascript.js 文件，里面有一段 JS 代码，我想用 VScode 内置控制台打断点

做法

1、切换到【运行和调试】，首次需要添加配置，设置 launch.json 文件。

2、launch.json 文件配置如下，注意 program 配置成 ${file}，表示是当前打开的文件，这样一来我们每切换到另一个要运行调试的文件时，就不用更改配置了

{
    // 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "启动 node",