用于在 Chrome 网络视图中查看 JSON 响应的 Sublime text 3 包

Question

我希望像 Chrome 网络选项卡预览部分一样在 Sublime Text 3 中折叠长 JSON 文件。是否有任何用于此的 Sublime Text 包。

类似于下图的东西

Answer 1

这里的一些答案建议Pretty JSON，但它对我不起作用。虽然安装成功了但是按了快捷键后[command + control + j]还是不行。我仔细检查了设置，一切都是正确的。我使用的是 Sublime 版本，3.2.2而我的 macOS 版本是Catalina Version 10.15.3. 我还在 Github 中找到了一个帖子，其中有很多人提到了 Sublime 版本 3 的相同问题。



添加了我的设置截图以供参考。

尽管Pretty JSON对我不起作用，但对我有用的是HTML-CSS-JS Prettify。

以下是通过 Sublime Package Manager 安装的步骤：
1. Cmd+Shift+P
2. type install，选择Package Control: Install Package
3. type prettify，选择HTML-CSS-JS Prettify

安装后，为了格式化 JSON 文本，我们需要使用快捷键[command + shift + h]。这将格式化我们的 JSON 文本。

注意：HTML-CSS-JS Prettify 需要您系统中的 NodeJS 才能工作。

希望这可以帮助。

Answer 2

你可以尝试漂亮的 JSON。这是我发现的最好的美化和验证 JSON 代码的方法。但它不会像 chrome 那样给出列表索引。您最多可以按级别折叠这些列表项。