← 返回博客

如何打开 JSON 文件:分步教程

学习在所有平台上打开和查看 JSON 文件。涵盖文本编辑器、在线工具和专门的 JSON 查看器。

Big JSON Team8 分钟阅读beginner
B

Big JSON Team

Technical Writer

Expert in JSON data manipulation, API development, and web technologies. Passionate about creating tools that make developers' lives easier.

8 分钟阅读

# 如何打开 JSON 文件:分步教程

JSON 文件是纯文本文件,可以用任何文本编辑器打开。但是,使用正确的工具会大不相同。本指南涵盖了在所有平台上打开和查看 JSON 文件的各种方法。

快速方法按平台

Windows

记事本(基础)

  • 右键单击 JSON 文件
  • 选择"打开方式"
  • 选择"记事本"
  • 优点:
    • 内置,无需安装
    • 简单快速

    缺点:
    • 无语法高亮
    • 无验证
    • 大文件性能差

    VS Code(推荐)

  • 右键单击文件
  • 选择"使用 Code 打开"
  • 或双击(如果已配置为默认)
  • 优点:
    • 语法高亮
    • 错误检测
    • 自动格式化
    • 强大的搜索

    资源管理器

  • 右键单击 JSON 文件
  • 选择"打开方式"
  • 选择您喜欢的编辑器
  • macOS

    TextEdit

  • 右键单击文件
  • 选择"打开方式"
  • 选择 TextEdit
  • VS Code

  • 从应用程序打开 VS Code
  • 拖放 JSON 文件
  • 或使用 Command+O 打开
  • Terminal

    # 查看文件
    

    cat file.json

    # 用 TextEdit 打开

    open -a TextEdit file.json

    # 用 VS Code 打开

    code file.json

    Linux

    Terminal

    # 查看纯文本
    

    cat file.json

    # 分页查看(用于大文件)

    less file.json

    # 美化显示

    cat file.json | python3 -m json.tool

    # 用 nano 打开

    nano file.json

    # 用 vim 打开

    vim file.json

    # 用 VS Code 打开

    code file.json

    JSON 的最佳工具

    1. Visual Studio Code(桌面)

    价格: 免费 平台: Windows、Mac、Linux 特性:
    • ✅ 语法高亮
    • ✅ 自动格式化(Shift+Alt+F)
    • ✅ 错误验证
    • ✅ 扩展支持
    • ✅ 搜索和替换

    安装:

    访问 https://code.visualstudio.com

    2. Big JSON Viewer(在线)

    价格: 免费 平台: 任何浏览器 特性:
    • ✅ 处理大文件(100MB+)
    • ✅ 树状导航视图
    • ✅ 搜索功能
    • ✅ 通过 URL 共享
    • ✅ 无需安装

    使用:
  • 访问 bigjson.online
  • 上传或粘贴 JSON
  • 浏览格式化的树
  • 3. 浏览器(最简单)

    步骤:
  • 在浏览器中打开 JSON 文件
  • Chrome/Firefox 自动格式化
  • 查看树状视图
  • 优点:
    • 最简单
    • 无需安装
    • 快速

    缺点:
    • 功能有限
    • 大文件性能差

    4. 文本编辑器

    VS Code

    • 最佳整体选择
    • 语法高亮
    • 内置 JSON 支持

    Sublime Text

    • 快速
    • 可自定义
    • 付费但便宜

    Notepad++

    • 免费
    • Windows 专用
    • 轻量级

    Atom

    • 免费
    • 可扩展
    • 现已停用

    对于大型 JSON 文件

    对于超过 100MB 的文件,标准编辑器可能会很慢。使用:

    1. Big JSON Viewer

    专门为大文件设计

    2. 命令行工具

    jq、less、head 等

    3. 流式处理工具

    对于超过 1GB 的文件

    4. Node.js 脚本

    const fs = require('fs');
    

    const readline = require('readline');

    const rl = readline.createInterface({

    input: fs.createReadStream('large.json'),

    crlfDelay: Infinity

    });

    rl.on('line', (line) => {

    // 逐行处理

    console.log(line);

    });

    命令行工具

    jq(JSON 处理器)

    安装:
    # macOS
    

    brew install jq

    # Ubuntu/Debian

    sudo apt-get install jq

    # Windows (Chocolatey)

    choco install jq

    # Windows (Scoop)

    scoop install jq

    基本用法:
    # 查看并美化
    

    jq '.' file.json

    # 彩色输出

    jq -C '.' file.json

    # 压缩输出

    jq -c '.' file.json

    # 指定缩进

    jq --indent 4 '.' file.json

    # 排序键

    jq -S '.' file.json

    # 提取值

    jq '.users[0].name' file.json

    # 过滤

    jq '.[] | select(.age > 25)' file.json

    Python

    使用内置模块:
    # 美化 JSON
    

    python3 -m json.tool input.json

    # 保存到文件

    python3 -m json.tool input.json > output.json

    # 排序键

    python3 -m json.tool --sort-keys input.json

    # 自定义缩进

    python3 -c "import json,sys; data=json.load(sys.stdin); print(json.dumps(data, indent=4))" < input.json

    Node.js

    查看 JSON:
    # 使用 Node.js
    

    node -e "console.log(JSON.stringify(require('./file.json'), null, 2))"

    # 或创建脚本

    cat > view.js << 'EOF'

    const data = require('./file.json');

    console.log(JSON.stringify(data, null, 2));

    EOF

    node view.js

    less(分页查看)

    对于大文件:
    # 查看文件(按 q 退出)
    

    less file.json

    # 搜索(按 / 然后输入)

    # 下一个匹配:n

    # 上一个匹配:Shift+n

    # 美化后查看

    jq '.' file.json | less

    在线工具

    Big JSON Viewer

    • URL:bigjson.online
    • 最佳用于:大文件、树导航

    JSONLint

    • URL:jsonlint.com
    • 最佳用于:验证、格式化

    JSON Formatter

    • URL:jsonformatter.org
    • 最佳用于:快速格式化

    JSON Editor Online

    • URL:jsoneditoronline.org
    • 最佳用于:可视化编辑

    按操作系统的推荐

    Windows

  • 首选: VS Code
  • 备选: Big JSON Viewer
  • 简单: 记事本(小文件)
  • macOS

  • 首选: VS Code
  • 备选: TextEdit
  • 简单: 浏览器拖放
  • Linux

  • 首选: VS Code 或 Vim
  • 命令行: jq 或 Python
  • 简单: nano 或 less
  • 打开特定 JSON 文件类型

    package.json

    # 在 VS Code 中打开
    

    code package.json

    # 或简单查看

    cat package.json | jq .

    config.json

    # 验证配置
    

    python3 -m json.tool config.json

    API 响应文件

    # 使用 jq 浏览
    

    jq '.' api_response.json | less

    故障排除

    问题:无法打开文件

    解决方案:
  • 检查文件扩展名是否为 .json
  • 检查文件权限
  • 使用文本编辑器而不是专用应用程序
  • 问题:文件显示混乱

    解决方案:
  • 检查编码(应为 UTF-8)
  • 在 VS Code 中设置编码
  • 使用 jq 重新格式化
  • 问题:大文件打开缓慢

    解决方案:
  • 使用 Big JSON Viewer(不会加载到内存)
  • 使用 jq 或 less(命令行流式处理)
  • 分割文件为较小的块
  • 问题:JSON 无效

    解决方案:
  • 使用 JSONLint 验证
  • 寻找缺失的逗号、引号
  • 使用 Python:python3 -m json.tool file.json
  • 最佳实践

    1. 为 JSON 选择合适的工具

    | 文件大小 | 推荐工具 |

    |---------|--------|

    | <1MB | VS Code、浏览器 |

    | 1-100MB | Big JSON Viewer |

    | >100MB | 命令行(jq)、专用流式处理 |

    2. 验证前打开

    始终验证 JSON 在处理前:

    python3 -m json.tool file.json > /dev/null && echo "有效"

    3. 创建别名用于常见任务

    # 添加到 ~/.bashrc 或 ~/.zshrc
    

    alias json-view='jq .'

    alias json-validate='python3 -m json.tool'

    # 使用

    json-view myfile.json

    4. 处理大文件

    对于大型 JSON 文件,不要在编辑器中打开:

    # 查看前 100 行
    

    head -100 large.json | jq '.'

    # 查看特定部分

    jq '.[0:10]' large.json

    快速参考卡

    | 任务 | 工具 | 命令 |

    |------|------|------|

    | 快速查看 | 浏览器 | 拖放文件 |

    | 编辑 | VS Code | code file.json |

    | 验证 | jq | jq . file.json |

    | 美化 | Python | python3 -m json.tool file.json |

    | 大文件 | Big JSON Viewer | bigjson.online |

    | 命令行 | jq | jq -C . file.json |

    结论

    打开 JSON 文件很简单,但选择正确的工具使差异很大。对于大多数情况:

    • 日常编辑:VS Code
    • 快速查看:浏览器或 jq
    • 大文件:Big JSON Viewer
    • 脚本:命令行工具

    现在您已准备好打开、查看和处理任何 JSON 文件!选择最适合您需求的工具并开始工作。

    Share:

    相关文章

    Read in English