w

基本用法

本指南将引导您了解使用YAML到JSON转换器工具的基本步骤。

开始使用

步骤1:访问工具

从主页面导航到YAML到JSON转换器工具,或使用直接链接:/yaml-to-json

步骤2:输入您的YAML

在界面左侧的输入部分

  1. 粘贴YAML内容:复制您的YAML数据并粘贴到输入文本区域
  2. 直接输入:您也可以直接在输入字段中输入YAML内容
  3. 加载示例:点击"加载示例"按钮查看示例YAML配置

步骤3:查看转换结果

工具会自动将您的YAML实时转换为JSON:

  • 输出部分:转换后的JSON出现在右侧面板中
  • 错误处理:如果有语法错误,会清楚地显示
  • 字符计数:查看输入和输出的长度

输入方法

方法1:直接输入

简单地在输入文本区域中输入或粘贴您的YAML内容。

# 示例YAML
database:
  host: localhost
  port: 5432
  name: myapp

方法2:加载示例

点击"加载示例"按钮查看展示各种YAML功能的综合YAML配置。

方法3:文件上传

虽然当前版本不直接支持,但您可以从YAML文件复制内容并粘贴到输入区域。

理解输出

有效转换

当您的YAML有效时,您会看到:

{
  "database": {
    "host": "localhost",
    "port": 5432,
    "name": "myapp"
  }
}

错误处理

如果您的YAML语法有问题,您会看到:

  • 错误消息:清楚描述出了什么问题
  • 错误位置:关于错误发生位置的信息
  • 红色边框:错误状态的视觉指示

基本操作

复制结果

  1. 点击输出旁边的复制按钮
  2. JSON内容被复制到您的剪贴板
  3. 将其粘贴到您需要的任何地方

下载结果

  1. 点击输出旁边的下载按钮
  2. JSON文件下载到您的设备
  3. 文件默认命名为output.json

清空输入

  1. 点击清空按钮删除所有输入
  2. 这也会清空输出区域
  3. 开始新的YAML内容

格式化选项

美化打印(默认)

工具自动格式化JSON,使用适当的缩进以提高可读性。

压缩JSON

点击压缩按钮删除所有不必要的空白:

之前(美化):

{
  "name": "John",
  "age": 30
}

之后(压缩):

{ "name": "John", "age": 30 }

字符计数

工具显示输入和输出的字符计数:

  • 输入字符:显示您的YAML内容的长度
  • 输出字符:显示转换后的JSON的长度

这有助于您了解格式之间的大小差异。

成功提示

1. 有效的YAML语法

确保您的YAML遵循正确的语法规则:

  • 使用一致的缩进(空格或制表符,但不要混用)
  • 必要时正确引用字符串
  • 使用正确的列表和映射语法

2. 从简单开始

从简单的YAML结构开始,逐渐处理更复杂的数据。

3. 使用示例

内置示例是学习不同YAML模式的好方法。

4. 检查错误

仔细查看错误消息 - 它们提供有关语法问题的宝贵信息。

常见YAML模式

简单键值对

name: John Doe
age: 30
email: john@example.com

嵌套对象

user:
  name: John Doe
  profile:
    bio: Software Developer
    location: New York

列表

fruits:
  - apple
  - banana
  - orange

混合结构

users:
  - name: John
    age: 30
  - name: Jane
    age: 25

下一步

现在您了解了基础知识,可以探索:

这个页面对您有帮助吗?