# json-schema-editor **Repository Path**: devoink/json-schema-editor ## Basic Information - **Project Name**: json-schema-editor - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2026-01-30 - **Last Updated**: 2026-01-30 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # JSON Schema 2020-12 工具集基于 JSON Schema 2020-12 规范的交互式工具集，使用 Vue3 + Vite 开发，包含 Schema 生成器和验证器。 ## 功能特性 ### 📝 Schema 生成器 - 交互式创建 JSON Schema - 支持所有基本数据类型（string, number, integer, boolean, array, object, null） - 支持属性约束（最小/最大长度、最小值/最大值、格式、模式等） - 支持数组类型配置 - 实时生成符合 JSON Schema 2020-12 规范的 Schema - 一键复制生成的 Schema ### ✓ Schema 验证器 - 验证 JSON 数据是否符合指定的 JSON Schema - 使用 Ajv 验证库，完全支持 JSON Schema 2020-12 规范 - 详细的错误信息显示 - JSON 格式化功能 - 支持所有 JSON Schema 2020-12 特性 ## 技术栈 - **Vue 3** - 渐进式 JavaScript 框架 - **Vite** - 下一代前端构建工具 - **Vue Router** - Vue.js 官方路由管理器 - **Element Plus** - 基于 Vue 3 的组件库 - **Ajv** - 最快的 JSON Schema 验证器 ## 快速开始 ### 安装依赖 ```bash npm install ``` ### 开发模式 ```bash npm run dev ``` 应用将在 `http://localhost:8000` 启动 **局域网访问：** - 开发服务器已配置为支持局域网访问 - 启动后，终端会显示本地和网络地址 - 局域网内其他设备可通过 `http://你的IP地址:8000` 访问 - 例如：`http://192.168.1.100:8000` ### 构建生产版本 ```bash npm run build ``` 构建产物将输出到 `dist` 目录 ### 预览生产构建 ```bash npm run preview ``` ## 项目结构 ``` . ├── src/ │ ├── views/ # 页面组件 │ │ ├── Home.vue # 首页 │ │ ├── SchemaGenerator.vue # Schema 生成器 │ │ └── SchemaValidator.vue # Schema 验证器 │ ├── App.vue # 根组件 │ ├── main.js # 应用入口 │ └── style.css # 全局样式 ├── index.html # HTML 模板 ├── vite.config.js # Vite 配置 ├── package.json # 项目配置 └── README.md # 项目文档 ``` ## 使用方法 ### Schema 生成器使用步骤 1. 点击"Schema 生成器"进入生成页面 2. 填写 Schema 标题和描述（可选） 3. 点击"添加属性"按钮添加属性 4. 为每个属性配置： - 属性名称 - 数据类型 - 描述 - 是否必需 - 类型特定的约束（如字符串长度、数字范围等） 5. 点击"生成 Schema"按钮 6. 复制生成的 JSON Schema ### Schema 验证器使用步骤 1. 点击"Schema 验证器"进入验证页面 2. 在左侧输入 JSON Schema 3. 在右侧输入要验证的 JSON 数据 4. 点击"验证 JSON"按钮 5. 查看验证结果和错误详情（如果有） ## JSON Schema 2020-12 规范支持本工具完全支持 JSON Schema 2020-12 规范，包括： - 基本类型：string, number, integer, boolean, array, object, null - 字符串约束：minLength, maxLength, pattern, format - 数字约束：minimum, maximum, exclusiveMinimum, exclusiveMaximum - 数组约束：items, minItems, maxItems, uniqueItems - 对象约束：properties, required, additionalProperties - 格式验证：date-time, date, time, email, uri, uuid - 枚举值：enum - 条件验证：if, then, else - 组合验证：allOf, anyOf, oneOf, not ## 浏览器兼容性 - Chrome/Edge (最新版本) - Firefox (最新版本) - Safari (最新版本) ## 开发 ### 代码规范 - 使用 Vue 3 Composition API - 使用 `