【 VS Code Debugger】快速开始

1,095 阅读2分钟

上一篇:【 VS Code Debugger】内容简介


    在开始介绍调试功能之前,我们先创建一个简单的 Node.js 应用程序。
    你可以参考 Node.js 入门指南 来安装 Node.js 并创建一个叫做 app.jsJavaScript 应用程序。应用程序准备好了吗?我们开始体验 VS Code 提供的调试能力吧。

调试面板

    在 VS Code 的工具栏点击调试图标打开调试面板或者你可以通过快捷键 ⇧⌘D 来打开它。

    调试面板用于展示代码执行或者调试过程中的信息,在顶部还有调试命令的选择以及调试配置的入口。

快速开始

    如果还没有运行或者调试过代码,调试面板会默认展示快速开始面板。

    为了在 VS Code 运行 app.js 。可以在快速开始面板点击 Run and Debug 按钮或者通过快捷键 F5VS Code 将尝试运行最近激活的文件。

配置文件

    对于大多数的调试场景来说,将配置通过文件的方式保存下来一个更好的选择。配置文件默认的存放位置是当前项目根目录下的 .vscode/launch.json 文件中。
    我们通过单击快速开始面板中的 create a launch.json file 链接来创建一个 launch.json 文件。

    VS Code 会尝试自动判断应用程序所处的语言环境。如果尝试失败了,你也可以手动的选择。

    下图是通过 VS Code 自动生成的 Node.js 调试配置文件。

    打开文件面板,你会发现 VS Code 在项目中创建了 .vscode 文件夹并在文件夹中创建了 launch.json 文件。

    需要注意的是,不同调试器之间的配置参数是不一样的。
    你可以通过 VS Code 提供的智能提示来查看调试器配置文件拥有的属性,将鼠标放在属性上也可以查看属性对应功能的文字描述。如果你在配置文件中看到了绿色的波浪线,则将鼠标移动到对应位置来查看问题。并且在开始调试之前尝试修复它。