vscode创建launch.json文件

时间: 2023-04-23 12:06:06 浏览: 181

vscode 的node.js debugger 的 launch.json 配置详细教程.zip

5星 · 资源好评率100%

在开发JavaScript应用，尤其是Node.js应用时，Visual Studio Code（VSCode）是一个极其受欢迎的集成开发环境（IDE）。其中，其强大的调试工具是开发者的重要助手。这篇教程将深入讲解如何配置VSCode的`launch.json`文件，以充分利用Node.js调试器。 `launch.json`文件是VSCode调试配置的核心，它定义了调试会话的启动参数和行为。在VSCode中，你可以创建多个配置，以适应不同的调试需求，如调试本地应用、远程应用、单元测试等。这个教程的`launch.json`配置将专注于Node.js项目。 1. **创建`launch.json`文件** 当你在VSCode中首次尝试调试Node.js项目时，VSCode会自动生成一个`launch.json`文件。它通常位于`.vscode`目录下，如果该目录不存在，VSCode会自动创建。打开`launch.json`，你会看到一个JSON结构的配置文件，包含若干配置段。 2. **配置基本属性** - `name`: 显示在调试控制台的配置名称。 - `type`: 调试器类型，对于Node.js项目，应设置为`node`。 - `request`: 调试会话的请求类型，通常是`launch`（启动应用）或`attach`（附加到已运行的进程）。 - `program`: 指定要调试的主入口文件，如`index.js`。 - `cwd`: 指定调试会话的当前工作目录。 3. **高级配置** - `args`: 向Node.js进程传递的命令行参数。 - `env`: 定义环境变量，可覆盖系统环境变量。 - `outFiles`: 指定编译后的源码映射文件路径，用于源码级别的调试。 - `sourceMaps`: 如果你的项目使用了Babel或其他转换工具，启用此选项以匹配源码和转换后的代码。 - `internalConsoleOptions`: 控制调试控制台的行为，例如`openOnSessionStart`表示调试开始时打开控制台。 - `protocol`: 可选择`inspect`或`legacy`，用于指定Node.js进程的调试协议。 4. **调试特定场景** - **调试模块**：若需调试独立的模块，可通过`localRoot`和`remoteRoot`设置源代码的本地和远程路径。 - **调试单元测试**：配置`program`为测试运行器，如`mocha`，并添加`--debug-brk`参数以暂停在第一个断点。 - **调试NPM脚本**：配置`runtimeArgs`，如`npm run start --scripts-prepend-node-path`，以便调试NPM脚本。 5. **使用示例** 一个简单的`launch.json`配置可能如下所示： ```json { "version": "0.2.0", "configurations": [ { "name": "Launch Program", "type": "node", "request": "launch", "program": "${workspaceFolder}/index.js", "cwd": "${workspaceFolder}", "outFiles": ["${workspaceFolder}/dist/**/*.js"], "sourceMaps": true, "console": "internalConsole" } ] } ``` 6. **调试技巧** - **断点**：在源代码中设置断点，当调试会话启动时，程序会在这些点暂停。 - **变量查看**：在调试控制台中，你可以查看和修改变量值。 - **调用堆栈**：查看调用堆栈以了解函数调用关系。 - **Step In/Out/Over**：这些命令帮助你逐步执行代码，理解执行流程。通过这个详细的`launch.json`配置教程，你应该能够更好地理解如何在VSCode中调试Node.js应用，并根据自己的需求进行定制。请参考提供的PDF文件，里面会有更详尽的步骤和示例，助你提升开发效率。

在 Visual Studio Code 中创建 launch.json 文件，请按以下步骤操作： 1. 打开调试面板（Ctrl + Shift + D） 2. 点击设置图标（齿轮） 3. 选择“创建 launch.json 文件” 4. 选择您要调试的环境（例如：Node.js） 5. 填写相关配置信息并保存文件 6. 开始调试！

阅读全文

vscode创建launch.json文件

相关推荐

VSCode中Node.js Debugger的launch.json配置教程

VSCode中C++ .json配置文件详解与应用

vscode生成launch.json文件

vscode没有launch.json文件

vscode配置launch.json文件

vscode的launch.json怎么创建

配置VSCode的launch.json文件

Settings.json-示例：我的VSCODE的settings.json文件示例

vscode配置launch.json文件启动java

vscode/launch.json 配置

vscode怎么配置launch.Json文件？

vscode+launch.json配置c++

用vscode debug test.js项目 launch.json文件中写什么

C语言vscode的launch.json怎么写

window系统vscode/launch.json 配置

错误: 找不到或无法加载主类 E:\AndroidCeshi\MoLyFor\.vscode\launch.json 原因: java.lang.ClassNotFoundException: E:\AndroidCeshi\MoLyFor\.vscode\launch.json

windows .net6.0环境 vscode配置launch.json来debug

vscode launch.json配置c

vscode launch.json配置python

最新推荐

基于微信小程序的校园论坛；微信小程序；云开发；云数据库；云储存；云函数；纯JS无后台；全部资料+详细文档+高分项目.zip

单电阻采样 基于单电阻采样的相电流重构算法 keil完整工程 单电阻采样 f103的单电阻，完整工程，带文档，带硬件资料 f3平台的单电阻完整工程，代码详细注释 还有微芯的单电阻smo代码加文档

GitHub图片浏览插件：直观展示代码中的图像

管理建模和仿真的文件

【OPPO手机故障诊断专家】：工程指令快速定位与解决

求[100，900]之间相差为12的素数对（注：要求素数对的两个素数均在该范围内）的个数

Android IPTV项目：直播频道的实时流媒体实现

"互动学习：行动中的多样性与论文攻读经历"

【OPPO手机工程模式终极指南】：掌握这些秘籍，故障排查不再难！

前端在json文件里写模板，可以换行 有空格现在在文本框的时候

单电阻采样基于单电阻采样的相电流重构算法 keil完整工程单电阻采样 f103的单电阻，完整工程，带文档，带硬件资料 f3平台的单电阻完整工程，代码详细注释还有微芯的单电阻smo代码加文档

前端在json文件里写模板，可以换行有空格现在在文本框的时候