sparrow-js 线上体验版来了，实时输出前端代码

[sparrowwht7]

sparrow-js 线上体验版来了，实时输出前端代码

前言

之前发了一篇文章实时输出前端代码，折腾大半年的开源项目 sparrow-js 收获到不少关注，感谢支持，项目正在按照既定计划一步步实现。之前实现的是客户端版本需要下载安装到个人电脑上。经过近两个月的开发，线上体验版也开发完成，实现大部分客户端版本的功能，本次主要想宣传下线上体验版 sparrow-js 。

介绍

功能和上一篇文章介绍的大体相同，不多加赘述->上一篇

快速使用

https://sparrow-js.github.io/sparrow-online/

ps：访问不了怎么办？ 本项目静态文件使用的 github pages，打包服务使用的 codesandbox，国内访问可能较慢，有条件的可以科学上网或者自己部署。（没钱买服务器，先白嫖）

技术核心简介

1.构建、预览

构建预览使用的开源项目codesandbox,修改部分源代码重新构建。

2.代码生成

代码生成通过开发代码生成 worker，以 iframe 的形式嵌入到项目中，通过 postmessage 和主项目通信，负责代码生产。

后续规划

后续一段时间主要对现有项目在精细化、丰富物料、使用体验上多花精力。

• 优先解决 bug，使用体验问题。
• 丰富物料，覆盖更多使用场景。
• 文档、教程。
• 二次开发相关尝试。
• vue3 适配
• 等等

开源地址

https://github.com/sparrow-js/sparrow

总结

今年精力主要花在探索尝试上面，最初的版本思路跟现在几乎完全不同，一年时间沉淀到现在这个版本。明年精力重点会放在体验和丰富物料上面，扩大生产使用范围。想做的太多但精力有限，短期内不会在发布新作品，精耕细作。开启真实生产环境使用方面的工作。感谢关注支持！

[echowuhao]

看起来不错。

没有 license 不敢用。

[sparrowwht7]

@echowuhao 今天晚点儿加上

[echowuhao]

https://github.com/xaboy/form-create

这个很像？

还有一个 好像有收费版，我没找到地址，一年一万多的使用费。

[superliwei]

@sparrowwht7 滚动条太多了,不太会用

[11ssss]

可以讲讲跟动态表单比的优势在哪啊

[echowuhao]

@superliwei 确实我搞了半天，不知道咋用。不过作为一个有过类似项目开发经验的过来人，理解这个问题。开发者和使用者有 gap 。而且，做这些控件啥的，真的挺耗费时间的。

我说一下我的感受。

我也在用 element-ui，对照者例子，copy 一下就足够了（这个最直观，已经很简单了）。用 low code 平台，我要花时间学习这个平台，有这个时间，我 copy paste 都完成了。增加了一个环节，并没有节省时间。除非有些人整天就是写 UI， 控件之类的，那可能有点用。

[sparrowwht7]

@superliwei 后续优化下

@11ssss 喜欢用源代码的就用这种，喜欢用 JSON 的就用动态表单，都是特定场景下的产物感觉哪个更适合你就用哪个😄

[sparrowwht7]

@echowuhao 这个项目是在尝试把静态模版变成动态模版，变成动态模版后很多代码就有可能自动生成，你们那类似项目开发的怎么样了？我明年的计划是更多精力花在生产环境使用上，能不能走通就看明年了

[echowuhao]

@sparrowwht7 是附带的功能，没多少人用，不过我换地方了，现在不清楚。你这个对外包的可能有用。一般的我觉得页面这些没那么多，主要还是业务逻辑。祝你顺利！