Visual Studio Code 实时调试扩展教程

Visual Studio Code 实时调试扩展教程

vscode-realtime-debuggingAn extension for VS Code that visualizes how a program is being executed in real time.项目地址:https://gitcode.com/gh_mirrors/vs/vscode-realtime-debugging

1. 项目目录结构及介绍

vscode-realtime-debugging/
├── .vscode/
│   ├── extensions.json
│   ├── launch.json
│   └── settings.json
├── src/
│   ├── extension.ts
│   ├── main.ts
│   └── utils/
│       ├── logger.ts
│       └── helper.ts
├── package.json
├── README.md
└── tsconfig.json

目录结构介绍

• .vscode/: 包含项目的VSCode配置文件。
  • extensions.json: 推荐安装的扩展列表。
  • launch.json: 调试配置文件。
  • settings.json: VSCode设置文件。
• src/: 项目的主要源代码目录。
  • extension.ts: 扩展的入口文件。
  • main.ts: 主逻辑文件。
  • utils/: 工具函数目录。
    • logger.ts: 日志记录工具。
    • helper.ts: 辅助函数。
• package.json: 项目的依赖管理文件。
• README.md: 项目说明文档。
• tsconfig.json: TypeScript配置文件。

2. 项目启动文件介绍

src/extension.ts

这是扩展的入口文件，负责初始化扩展并注册命令。主要功能包括：

• 注册命令：activate 函数中注册了扩展启动时需要执行的命令。
• 初始化扩展：activate 函数中初始化了扩展的核心功能。

src/main.ts

这是项目的主逻辑文件，负责处理扩展的核心功能。主要功能包括：

• 处理调试事件：监听调试事件并进行相应的处理。
• 显示调试信息：将调试信息显示在VSCode的输出面板中。

3. 项目配置文件介绍

.vscode/launch.json

这是调试配置文件，用于配置VSCode的调试功能。主要配置项包括：

• type: 调试器类型，例如 node。
• request: 请求类型，例如 launch 或 attach。
• name: 配置名称。
• program: 要调试的程序路径。

package.json

这是项目的依赖管理文件，包含了项目的依赖包和扩展的元数据。主要配置项包括：

• name: 扩展名称。
• version: 扩展版本。
• main: 扩展的入口文件路径。
• scripts: 项目脚本，例如 build 和 test。
• dependencies: 项目依赖的包。
• devDependencies: 开发依赖的包。

tsconfig.json

这是TypeScript配置文件，用于配置TypeScript编译选项。主要配置项包括：

• compilerOptions: 编译选项，例如 target、module 和 outDir。
• include: 包含的文件或目录。
• exclude: 排除的文件或目录。

通过以上配置，您可以顺利启动并调试 vscode-realtime-debugging 扩展。

vscode-realtime-debuggingAn extension for VS Code that visualizes how a program is being executed in real time.项目地址:https://gitcode.com/gh_mirrors/vs/vscode-realtime-debugging