Tango 低代码设计器

一个源码驱动的低代码设计器框架 [![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/NetEase/tango/blob/main/LICENSE) [![NPM version](https://img.shields.io/npm/v/@music163/tango-designer.svg?style=flat-square)](http://npmjs.org/package/@music163/tango-designer) preview

- 演示应用: ## ✨ 特性 - 经历网易云音乐内网生产环境的实际检验，可灵活集成应用于低代码平台，本地开发工具等 - 提供基于源码 AST 驱动的低代码引擎，无私有 DSL 和协议 - 提供实时出码能力，支持源码进，源码出，适配多种源码开发场景 - 提供开箱即用的前端低代码设计器，提供灵活易用的设计器 React 组件 - 使用 TypeScript 开发，提供完整的类型定义文件和完善的文档支持 ## 💡 例子你可以使用 Tango 快速构建多种类型的基于源码的低代码搭建工具，例如： | 预览图 | 说明 | |---------|-------------------------| | ![image](https://github.com/NetEase/tango/assets/6984035/56a71741-4536-4336-803a-d81d51128a76) | 中后台系统搭建 | | ![image](https://github.com/NetEase/tango/assets/6984035/7f817e59-f7aa-4476-bc29-ac3e33fadbf7) | 仪表盘应用搭建 | | ![image](https://github.com/NetEase/tango/assets/6984035/790d88e1-d716-4f99-868a-31dda25e9fb1) | H5活动页面搭建 | | ![rn app](public/rn-builder.png) | ReactNative 应用搭建 | | ![mail app](public/mail-builder.png) | 营销类邮件搭建 | ## 🌐 兼容环境 - 现代浏览器（Chrome >= 80, Edge >= 80, last 2 safari versions, last 2 firefox versions） ## 💻 开发 ### 推荐开发环境 - Node `>= 18` - Yarn `>= 1.22 && < 2` ### 本地开发调试方法 ```bash # 下载仓库 git clone https://github.com/NetEase/tango.git # 进入项目根目录 cd tango # 安装依赖 yarn # 启动设计器示例 yarn start ``` ## 💬 社区讨论参与 NetEase Tango 的社区，以分享您的想法、建议或问题，并与其他用户和贡献者建立联系。 - Discord: - [使用趋势](https://npm-compare.com/@music163/tango-helpers,@music163/tango-context,@music163/tango-core,@music163/tango-setting-form,@music163/tango-sandbox,@music163/tango-ui,@music163/tango-designer) ## 🤝 参与共建请先阅读 [贡献指南](https://docs.github.com/en/get-started/quickstart/contributing-to-projects)。 - 克隆仓库 - 创建分支 - 提交代码 - 合并修改 git rebase master - 发起 Pull Request ## 💗 致谢感谢网易云音乐公共技术团队，大前端团队，直播技术团队，以及所有参与过 Tango 项目的开发者。感谢 CodeSandbox 提供的 [Sandpack](https://sandpack.codesandbox.io/) 项目，为 Tango 提供了强大的基于浏览器的代码构建与执行能力。 ## 📣 产品推广 ![](https://p5.music.126.net/obj/wonDlsKUwrLClGjCm8Kx/31629770956/da9e/3a74/4e00/7c69cf46a713f1b008bd1243b5b1ab1c.png) 不要再浪费时间还原 UI 啦，快来试试网易云音乐「海豹 D2C」研发工具吧！轻松将设计稿转为代码，支持 React、RN、Vue、微信小程序等多端场景，所见即所得！立即体验「海豹 D2C」： - 我是 Figma 用户： - 我是 MasterGo 用户： ## 📄 开源协议此项目遵循 [MIT 开源协议](./LICENSE)