VS Code 中终端 JSON 对象未显示某些内容显示 [对象]

问题背景

在使用 VS Code 中终端输出 JSON 数据时，我们可能会遇到部分内容被省略，显示为 [对象] 的情况，如下图所示：

这种情况通常发生在 JSON 对象中存在很多属性或属性值较长的情况下。

解决方法

1. 增加终端输出窗口宽度

可以通过修改 VS Code 的设置，增加终端输出窗口的宽度，让输出内容可以全部显示在终端中。

在 VS Code 中打开设置窗口，找到 terminal.integrated.shell.windows，将其值修改为 "C:\\Windows\\System32\\cmd.exe"（或其他终端程序的路径），并添加 "terminal.integrated.scrollback": 10000 和 "terminal.integrated.rendererType": "canvas" 设置，如下示例：

{
    "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe",
    "terminal.integrated.scrollback": 10000,
    "terminal.integrated.rendererType": "canvas"
}

2. 使用扩展工具

可以使用 VS Code 的扩展工具来解决该问题，常用的扩展工具包括：

• Better Comments
• Rainbow Brackets
• Code Alignment
• Partial Diff

在具体使用中，不同的工具具有不同的设置方式，可以根据自己的需要来选择相应的工具和设置。

总结

JSON 数据被省略显示 [对象] 是由于终端输出窗口宽度不足或使用的扩展工具限制造成的。通过增加终端输出窗口宽度或使用扩展工具，可以有效解决该问题。