Skip to content
| Marketplace
Sign in
Visual Studio Code>Formatters>YAML JSON ToolsNew to Visual Studio Code? Get it now.
YAML JSON Tools

YAML JSON Tools

yslongTools

|
2 installs
| (0) | Free
Powerful YAML and JSON tools: Markdown preview, format conversion, and smart editing features
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

YAML JSON Tools

Version Downloads

强大的 YAML 和 JSON 工具集:Markdown 预览、格式转换、智能编辑。

✨ 功能特性

🔍 Markdown 内容预览

在 YAML/JSON 文件中自动检测并预览 Markdown 内容。

  • 悬停预览: 鼠标悬停即可查看渲染后的 Markdown
  • 完整预览面板: 点击"完整预览"按钮在侧边面板查看完整内容
  • 支持格式: YAML、JSON、JSONC 文件

🔄 格式转换

轻松在 YAML 和 JSON 格式之间转换。

  • YAML → JSON: 在 YAML 文件中右键 → "Convert YAML to JSON"
  • JSON → YAML: 在 JSON 文件中右键 → "Convert JSON to YAML"
  • 智能选择: 转换选中文本或整个文档
  • 新标签页打开: 转换结果在编辑器旁边打开

⌨️ 智能粘贴 (实验性)

在 YAML 和 JSON 文件之间粘贴时自动转换格式。

  • JSON 多行文本 → 转义格式: 自动添加 \n 转义
  • YAML 多行文本 → JSON 字符串: 转换为带引号的 JSON 格式
  • 可配置: 可在设置中禁用

📦 安装

  1. 打开 VSCode/Cursor
  2. 进入扩展商店 (Cmd+Shift+X / Ctrl+Shift+X)
  3. 搜索 "YAML JSON Tools"
  4. 点击安装

或通过命令行安装:

code --install-extension yslong.yaml-json-tools

🚀 使用方法

Markdown 预览

  1. 打开包含 Markdown 内容的 YAML 或 JSON 文件
  2. 鼠标悬停在内容上查看预览
  3. 点击"完整预览"按钮在侧边面板查看完整内容

格式转换

使用右键菜单:

  1. 打开 YAML 或 JSON 文件
  2. 在编辑器中右键
  3. 选择 "Convert YAML to JSON" 或 "Convert JSON to YAML"

使用命令面板:

  1. 按 Cmd+Shift+P (Mac) 或 Ctrl+Shift+P (Windows/Linux)
  2. 输入 "Convert YAML to JSON" 或 "Convert JSON to YAML"
  3. 按回车

智能粘贴

  1. 从 YAML/JSON 文件复制内容
  2. 粘贴 (Cmd+V / Ctrl+V) 到另一种格式的文件
  3. 内容自动转换为合适的格式

⚙️ 配置

打开设置 (Cmd+, / Ctrl+,) 并搜索 "YAML JSON Tools":

设置项 默认值 说明
hoverMarkdownPreview.enableHoverPreview true 启用/禁用悬停预览
hoverMarkdownPreview.autoEscapeMultilineInJson true 在 JSON 中自动转义多行文本
hoverMarkdownPreview.maxWidth 1000 悬停预览最大宽度(像素)
hoverMarkdownPreview.fontSize 14 预览内容字体大小(像素)

🎯 支持的文件类型

  • .yaml / .yml - YAML 文件
  • .json - JSON 文件
  • .jsonc - 带注释的 JSON 文件

📝 更新日志

[1.0.0] - 2024-12-02

首次发布,包含以下功能:

  • YAML/JSON 文件中的 Markdown 预览
  • YAML ↔ JSON 格式转换
  • 智能粘贴功能
  • 可配置的预览设置
  • 右键菜单集成

🤝 贡献

欢迎贡献!请随时提交 Pull Request。

📄 许可证

本项目基于 MIT 许可证。

🙏 致谢

  • 使用 marked 进行 Markdown 渲染
  • 使用 yaml 进行 YAML 解析

祝使用愉快! ⭐ 如果觉得有帮助,欢迎在市场上评分!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft