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

1,593 阅读2分钟

前言

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

介绍

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

快速使用

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

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

技术核心简介

  1. 构建、预览

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

  1. 代码生成

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

后续规划

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

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

开源地址

github.com/sparrow-js/…

总结

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