JSON Online

一个基于 React + TypeScript + Vite 构建的在线 JSON 工具，提供 JSON 格式化、验证和美化功能。

效果预览

功能特性

• JSON 格式化与美化
• JSON 语法验证
• 语法高亮显示
• 响应式设计
• 实时预览

技术栈

• React 19
• TypeScript
• Vite
• Ant Design
• React Syntax Highlighter

开发环境要求

• Node.js (推荐 v18 或更高版本)
• npm 或 yarn

安装

# 克隆项目
git clone https://github.com/Allen123Hao/json-online.git

# 进入项目目录
cd json-online

# 安装依赖
npm install
# 或
yarn install

开发

# 启动开发服务器
npm run dev
# 或
yarn dev

构建

# 构建生产版本
npm run build
# 或
yarn build

预览构建结果

npm run preview
# 或
yarn preview

代码检查

npm run lint
# 或
yarn lint

项目结构

json-online/
├── src/                # 源代码目录
│   ├── components/     # 组件目录
│   ├── assets/         # 静态资源
│   ├── App.tsx         # 主应用组件
│   └── main.tsx        # 应用入口
├── public/             # 公共资源目录
├── docs/               # 项目文档目录
│   └── images/         # 文档相关图片
├── index.html          # HTML 模板
└── vite.config.ts      # Vite 配置

贡献

欢迎提交 Issue 和 Pull Request！

许可证

MIT