如何用sublime写json

Sublime Text 编辑 JSON 完全指南：从语法高亮到格式化与校验

JSON（JavaScript Object Notation）作为一种轻量级的数据交换格式，已经成为现代软件开发中不可或缺的一部分，无论是配置文件、API 响应还是数据存储，我们几乎无时无刻不在与 JSON 打交道，Sublime Text 凭借其极致的速度、强大的插件生态和高度的可定制性，成为了许多开发者首选的代码编辑器，本文将详细介绍如何利用 Sublime Text 及其插件，高效、舒适地编写和编辑 JSON 文件。

第一步：基础语法高亮（开箱即用）

Sublime Text 对 JSON 提供了开箱即用的支持，当你打开一个 .json 文件时，它会自动应用 JSON 语法高亮，让代码结构一目了然。

• 颜色区分：键（key）会以一种颜色显示，字符串（string）是另一种颜色，数字（number）、布尔值（boolean）和 null 也都有各自的标识。
• 代码折叠：你可以通过点击代码行号左侧的 号，或者使用快捷键 Cmd + Option + [ (macOS) / Ctrl + Shift + [ (Windows/Linux) 来折叠和展开 JSON 对象及数组，这对于查看大型、嵌套的 JSON 文件结构非常有帮助。

这是最基础的功能,虽然已经足够，但为了获得更专业的编辑体验，我们还需要格式化和校验功能。

第二步：安装 Package Control

Sublime Text 的强大之处在于其插件系统，要安装强大的 JSON 插件，我们首先需要安装 Package Control——这是 Sublime Text 的插件管理器。

1. 访问官网：打开浏览器，访问 https://packagecontrol.io/installation。
2. 获取代码：网站会自动检测你的操作系统，并生成对应的 Python 安装代码。请务必复制与你操作系统完全一致的代码。
3. 打开 Sublime Text 控制台：
   • 通过菜单 View > Show Console (视图 > 显示控制台) 打开。
   • 或者使用快捷键 Cmd + Option + P (macOS) / Ctrl + Shift + P (Windows/Linux) 打开命令面板，输入 console 并回车。
4. 粘贴并运行：将刚刚复制的代码粘贴到控制台中，然后按回车键。
5. 重启 Sublime Text：安装完成后，重启编辑器，你就可以通过 Cmd + Shift + P (macOS) / Ctrl + Shift + P (Windows/Linux) 打开命令面板，输入 Package Control 来管理插件了。

第三步：安装核心 JSON 插件

安装好 Package Control 后，我们就可以安装两个处理 JSON 的核心插件了。

JSONLint - 语法校验器

JSON 的语法非常严格，一个多余的逗号或引号都可能导致整个文件无效，JSONLint 插件可以帮你实时检查 JSON 的语法正确性。

• 安装方法：

  1. 按 Cmd + Shift + P (macOS) / Ctrl + Shift + P (Windows/Linux) 打开命令面板。
  2. 输入 Package Control: Install Package 并回车。
  3. 在弹出的列表中,输入 JSONLint 并选择它进行安装。

• 如何使用：

  • 实时校验：保存文件（Cmd + S / Ctrl + S）时，JSON 语法有误，Sublime Text 的底部状态栏会立刻显示错误信息。
  • 手动校验：通过命令面板 (Cmd + Shift + P) 输入 JSONLint: Lint，可以手动触发一次校验，错误信息会清晰地指出问题所在的行号和具体原因。

Pretty JSON - 格式化工具

未格式化的 JSON 文件（从 API 获取的压缩过的 JSON）阅读起来非常困难，Pretty JSON 插件可以一键将混乱的 JSON 格式化成清晰、易读的样式。

• 安装方法：

  1. 同样通过 Package Control: Install Package。
  2. 搜索并安装 Pretty JSON。

• 如何使用：

  • 快捷键格式化：这是最常用的方式，选中你想要格式化的 JSON 代码（或直接按 Cmd + A / Ctrl + A 全选），然后按 Cmd + Alt + F (macOS) / Ctrl + Alt + F (Windows/Linux)，瞬间，杂乱的代码就会变得井井有条。
  • 命令格式化：在命令面板中输入 Pretty JSON: Format JSON 也可以实现同样的效果。

第四步：进阶技巧与工作流

了以上工具后,你可以构建一个非常高效的 JSON 编辑工作流。

自动格式化（保存时自动格式化）

为了避免每次保存都要手动格式化,我们可以配置 Sublime Text 在保存文件时自动运行 Pretty JSON。

1. 打开 JSON 文件。

2. 通过菜单 Tools > Developer > New Snippet... (工具 > 开发者 > 新代码片段...) 创建一个新的代码片段。

3. 删除默认内容,粘贴以下代码：

   <snippet>
       <content>
           {"keys": ["ctrl+alt+s"], "command": "pretty_json_format", "context": [{"key": "selector", "operator": "equal", "operand": "source.json"}]}
       </content>
       <scope>source.json</scope>
       <description>Format JSON on Save</description>
   </snippet>

   注意：这里我使用了 ctrl+alt+s (Windows/Linux) 作为示例快捷键，你可以根据需要修改，在 macOS 上，你可以将其改为 cmd+alt+s。

4. 将文件保存,例如命名为 SaveFormatJSON.sublime-snippet，Sublime Text 会自动将其保存在正确的插件目录中。

5. 重启 Sublime Text，只要你在 JSON 文件中按下你设定的快捷键（如 Cmd + Alt + S），它就会自动格式化整个文件。

使用侧边栏预览

对于某些 JSON 插件（如原生的或某些第三方插件），你可能可以通过右键点击侧边栏的 JSON 文件，选择 Open in Browser 或类似选项，在浏览器中直接预览格式化后的效果，这对于检查嵌套结构特别有用。

使用 Goto 功能

Sublime Text 强大的 Goto Anything 功能（Cmd + P / Ctrl + P）同样适用于 JSON 文件，你可以输入 key: 或 key.value 快速跳转到你想要编辑的特定键值对，极大地提高了导航效率。

通过以上步骤,你已经将 Sublime Text 打造成了一个功能完备的 JSON 编辑器：

1. 基础：利用 Sublime Text 自带的语法高亮和代码折叠功能，快速理解文件结构。
2. 校验：安装 JSONLint 插件，确保你的 JSON 语法始终正确，避免低级错误。
3. 格式化：安装 Pretty JSON 插件，通过快捷键一键美化代码，提升可读性。
4. 自动化：配置代码片段，实现保存时自动格式化，优化工作流。

你可以信心满满地面对任何 JSON 文件，享受在 Sublime Text 中高效、流畅的编辑体验了。