# 推荐一个 yyds 的低代码开源项目

By [0xCola.eth](https://paragraph.com/@0xcola) · 2022-05-07

---

推荐一个面向开发者的可视化编程的开源项目：mometa。老逛之前也推荐了一些低代码相关的项目，可以在本文章后面查看。

但今天推荐的开源项目 mometa 不同于传统主流的低代码平台，其用户是面向开发者的代码可视设计编辑平台。

    开源地址：https://github.com/imcuttle/mometa
    复制代码
    

**先来看看这个项目怎么玩。**

类似于其他的低代码项目，左侧一般为组件区域，中间为交互区域，右侧为属性调节区域。如下图所示，支持从视图定位代码位置 。

![](https://storage.googleapis.com/papyrus_images/cee4716c73d8c92709de0d825ad00ba8bcf1a426b2c5b845d19a558a872cf88d.png)

**支持可视化插入物料**

![](https://storage.googleapis.com/papyrus_images/cff6eda34ac946845e686dd2ab1d740f4611c6f74248eaedce52dafe1df76830.png)

**删除视图**

![](https://storage.googleapis.com/papyrus_images/7e9e081ed0c3881e92cfa1efe1af3b5fcf2962d21c710fd770bebab0d29d8acc.png)

**移动视图**

![](https://storage.googleapis.com/papyrus_images/b6c5c8b415c7b9e2fccc3a0f1f96428196e1d56c25ddfb76b1258b3f251a12b2.png)

**编辑代码**

![](https://storage.googleapis.com/papyrus_images/85a8c89e54695734922c11e161e3518ef2eb7048110100d88a120285c2b2d33e.png)

**物料预览**

![](https://storage.googleapis.com/papyrus_images/76dfc668109761be26a57e96ee0c78dab91b5dd61ff8f448e365ffc2626b6983.png)

**响应式布局**

![](https://storage.googleapis.com/papyrus_images/eaa45f6c19297b736ce56181cf63644ddb4ab4df8f5eb7b9bb48d56952f5e6ad.png)

**路由模拟**

![](https://storage.googleapis.com/papyrus_images/5bc157703f3d93d32afb3f67ab5bae606bef12353400dc652de52db31bc8ba7a.png)

项目创建者表示，该项目现在仅仅支持 React，后面会支持到 Vue。同时该项目有很多有点，比如：

*   二次开发可以无缝进入代码开发模式，
    
*   同时支持所见即所得的可视编辑
    
*   提供物料生态，可自定义物料
    
*   面向研发的代码可视化编辑，直接作用于源码
    

逛逛 GitHub 历史发布过其他低代码相关的开源项目，感兴趣的可以点击下方链接查看历史盘点过的项目：

*   [低代码项目盘点（一）](https://link.juejin.cn?target=http%3A%2F%2Fmp.weixin.qq.com%2Fs%3F__biz%3DMzUxNjg4NDEzNA%3D%3D%26mid%3D2247506645%26idx%3D1%26sn%3D7638eee635c1c7df89acf9431e092c3f%26chksm%3Df9a2091cced5800a0a0d9ab253ebdf8557b74cb64ddbc76694cb5c05ecbf0312f9659b9578c4%26scene%3D21%23wechat_redirect)
    
*   [低代码项目盘点（二）](https://link.juejin.cn?target=http%3A%2F%2Fmp.weixin.qq.com%2Fs%3F__biz%3DMzUxNjg4NDEzNA%3D%3D%26mid%3D2247505194%26idx%3D1%26sn%3D4b92e34ed99b61c44c5b492c45c0896e%26chksm%3Df9a206e3ced58ff5aa6d468e02719991c997bdb3a2f9f4289acbedab9099396e89ab097515e1%26scene%3D21%23wechat_redirect)
    
*   [低代码项目盘点（三）](https://link.juejin.cn?target=http%3A%2F%2Fmp.weixin.qq.com%2Fs%3F__biz%3DMzUxNjg4NDEzNA%3D%3D%26mid%3D2247503159%26idx%3D1%26sn%3D3f6b3f79511e13feda4022d0771118c1%26chksm%3Df9a21efeced597e8f38aeae6122da86f89c80171d09df20db9f6881a29dfe602921720be56d5%26scene%3D21%23wechat_redirect)
    

欢迎关注逛逛GitHub，每天推荐一个好玩有趣的开源项目。历史推荐的开源项目已经收录到 GitHub 项目，欢迎 Star：

    开源地址：https://github.com/Wechat-ggGitHub/Awesome-GitHub-Repo
    

作者：逛逛GitHub 链接：[https://juejin.cn/post/7054186640868130830](https://juejin.cn/post/7054186640868130830) 来源：稀土掘金 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

---

*Originally published on [0xCola.eth](https://paragraph.com/@0xcola/yyds)*
