产品简介
amis-editor-demo 可视化编辑器提供拖拽界面，用于在线编辑和预览 amis 的 JSON 配置，简化页面构建。适合熟悉 React 的开发者，用于快速搭建管理后台或表单界面。
核心功能
- 可视化拖拽编辑页面配置
- 实时预览编辑效果
- 跨平台支持 Windows、macOS、Linux
- 可扩展自定义组件和插件
- 提供多个历史版本在线预览
快速开始
- 使用命令 npm i 安装项目依赖
- 运行命令 npm run dev 启动本地开发服务器
- 在目标项目中使用 npm i amis-editor 安装编辑器
- 在 React 代码中导入 Editor 组件并配置使用
界面预览
与其他方案对比
| 对比项 | amis-editor-demo | 同类方案 |
|---|---|---|
| 易用性与灵活性平衡 | 提供可视化编辑，但需要 React 知识，灵活性高 | 类似工具如速搭可能更简单，但定制性较低 |
适合谁用
- 熟悉 React 的前端开发者，需要快速构建和配置 amis 页面
- 项目团队，用于协作编辑和预览界面配置
- 希望简化 JSON 配置编辑的开发人员
下载与版本
当前最新版本为 master，发布于 。支持 Windows、macOS、Linux。
⚠️ 注意：本项目仅提供源代码下载，不包含可直接运行的安装包（exe/dmg/apk 等。下载后需要自行编译构建才能使用，适合有一定开发经验的用户。如果你不熟悉编译流程，建议寻找同类开箱即用的替代方案。
注意事项
- 本工具仅供学习和研究使用，请遵守相关法律法规。
- 请尊重内容创作者版权，勿将下载内容用于商业或非法传播。
- 项目源码地址：https://github.com/aisuda/amis-editor-demo