VS Code 插件：Logcat JSON Formatter

起因

在 Android 开发中，调试网络请求时经常需要在 Logcat 中输出 JSON 格式的响应数据。但复杂的 DTO 对象往往内容很长，OkHttp 等库会自动分行输出，每行都带有时间戳、日志级别等前缀：

2026-02-07 10:00:00.123 D/OkHttp: {"code":200,"message":"success","data":{"user":
2026-02-07 10:00:00.123 D/OkHttp: {"id":10086,"name":"张三","email":"test@example.
2026-02-07 10:00:00.123 D/OkHttp: com","avatar":"https://cdn.example.com/avatar/1
2026-02-07 10:00:00.123 D/OkHttp: 0086.jpg","roles":["admin","editor"],"profile":
2026-02-07 10:00:00.123 D/OkHttp: {"bio":"Hello World","location":"Shanghai","cre
2026-02-07 10:00:00.123 D/OkHttp: atedAt":"2026-01-15T08:30:00Z"}},"pagination":{
2026-02-07 10:00:00.123 D/OkHttp: "page":1,"pageSize":20,"total":100}}}

当我们把这段日志复制到编辑器中想要格式化查看时，这些前缀会导致 JSON 解析失败。每次都要手动逐行删除前缀非常繁琐，于是写了这个小插件来自动处理。

功能

插件的功能很简单：

自动检测 JSON 起始位置 — 扫描第一行，找到 { 的位置
移除日志前缀 — 根据检测到的位置，移除所有行相同长度的前缀
格式化 JSON — 调用 JSON Tools 插件进行美化输出

使用方法

在 VS Code 中打开包含 Logcat JSON 日志的文件
选择需要格式化的文本（或不选择则处理整个文档）
Cmd+Shift+P 打开命令面板，输入 Format Logcat JSON 执行

格式化前：

1 2	2026-02-07 10:00:00.123 D/OkHttp: {"code":200,"message":"success","data":{"user": 2026-02-07 10:00:00.123 D/OkHttp: {"id":10086,"name":"张三","roles":["admin"]}}}

格式化后：

{
  "code": 200,
  "message": "success",
  "data": {
    "user": {
      "id": 10086,
      "name": "张三",
      "roles": ["admin"]
    }
  }
}

安装

从 GitHub Releases 下载 .vsix 文件
在 VS Code 中打开命令面板 Cmd+Shift+P，输入 Install from VSIX
选择下载的 .vsix 文件完成安装

插件依赖 JSON Tools 提供 JSON 格式化功能，请一并安装。

源码

https://github.com/wavky/Logcat-JSON-Formatter