技术栈： React18 + Zustand + Vite + codeMirror + Koa2（后期将改用nestjs）
- 实现拖拽生成组件代码的json描述的页面 √
- 物料区、编辑区、画布区 √
- 编辑器通信 √
- 支持生成不同框架源代码(出码) √
- 服务端koa2构建生成源码 √
- H5移动端生成适配 √
- 支持sdk加载页面，renderer解析 √
- iframe隔离 postMessage 通信 √
- 封装editor包 ×
- 预览二维码 ×
- 生产低代码组件 ×
- 大纲树 ×
- 低代码通信 ×
- 自定义事件中心 ×
- 完整的生产页面并部署 ×
简单5分钟，将lowcode低代码融入到你的中后台管理系统
我的低代码框架是如何生成源码的？
实不相瞒，看完你也能手撸一个低代码框架
pnpm dev
pnpm run serverpnpm renderer // 生成sdk画布区的iframe是为了与编辑器解耦实现隔绝的上下文。生成sdk后，我们可以在sdk.html中默认通过public静态资源被外部访问，然后在options.ts修改对应iframeURL，在编辑器的navbar切换iframe加载。
extension set ([object Object]). This sometimes happens because multiple instances of @codemirror/state are loaded, breaking instanceof checks. at inner (index.js:2017:23)
依赖兼容问题，请删除lock、node_modules, 然后重新安装依赖即可解决