Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sparrow-js/sparrow
🎉场景化低代码（LowCode）搭建工作台，实时输出源代码
https://github.com/sparrow-js/sparrow
editor element-ui low-code lowcode site-generator sparrow sparrow-js sparrowjs vue vue-admin vue-builder
Last synced: about 17 hours ago
JSON representation
🎉场景化低代码（LowCode）搭建工作台，实时输出源代码
- Host: GitHub
- URL: https://github.com/sparrow-js/sparrow
- Owner: sparrow-js
- License: mit
- Created: 2020-01-30T03:58:07.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2024-08-28T18:23:28.000Z (4 months ago)
- Last Synced: 2024-11-19T18:16:14.332Z (23 days ago)
- Topics: editor, element-ui, low-code, lowcode, site-generator, sparrow, sparrow-js, sparrowjs, vue, vue-admin, vue-builder
- Language: TypeScript
- Homepage: https://sparrow-js.github.io/sparrow-vue-site/
- Size: 39.9 MB
- Stars: 3,114
- Watchers: 87
- Forks: 456
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-github-star - sparrow - js | 2959 | (TypeScript)
- awesome-coding - LowCode:场景化低代码（LowCode）搭建工作台，实时输出源代码
- Awesome-GitHub-Repo - sparrow - 一个功能强大的场景化低代码搭建工作台，只需要在这个工作台上进行组件的拖拉拽，就能实时输出可读性强、vue element-ui 组件库的源代码。[<img src="https://tva1.sinaimg.cn/large/008i3skNly1gxlhtmg11mj305k05k746.jpg" alt="微信" width="18px" height="18px" />](https://mp.weixin.qq.com/s?__biz=MzUxNjg4NDEzNA==&mid=2247505194&idx=1&sn=4b92e34ed99b61c44c5b492c45c0896e&chksm=f9a206e3ced58ff5aa6d468e02719991c997bdb3a2f9f4289acbedab9099396e89ab097515e1&scene=21#wechat_redirect) (实战项目 / 低代码项目)
README
## wx（有具体事情可加）：sparrow777-js
新分支，主要功能是源代码编辑和与chatgpt的结合，持续开发中感兴趣可以关注：[https://github.com/sparrow-js/sparrow/tree/sparrow-next](https://github.com/sparrow-js/sparrow/tree/sparrow-next)
# sparrow
#### 场景化低代码（LowCode）搭建工作台；
sparrow的核心目标仅有一条“提升研发效率”，目前提供基于vue、element-ui组件库中后台项目的实践，实时输出源代码，新功能持续新增中；
---
## 特性
- **低代码开发，** 快速生成可读性强、vue element-ui组件库的源代码。
- **可视化开发，** 通过GUI生成页面代码源文件。
- **资产市场，** 代码资源共享，包含组件、编辑区块、静态区块、搜索业务组件、插件、场景搭建编辑器。
## 优势
- sprarrow 的核心目标是“提效”，因此功能上不只是单纯UI的可视化搭建，目前提供函数级别的搭建，提供拥有业务逻辑的代码组装，生成可二次开发的源代码；
- 易于扩展，通过AST读取组件源代码，进行组合，只要页面的逻辑是可拆解的就可以任意组装；
- 可与项目结合，技术上采用本地运行server服务，可以与项目深度结合，实现更多提效手段，更大可操作空间；
## 快速使用
### 线上版
线上体验版，代码生成worker、浏览器构建、可视化操作、实时输出源代码、多种类型物料源，更多精彩内容逐步开放
[https://sparrow-js.github.io/sparrow-online/](https://sparrow-js.github.io/sparrow-online/)
---
### 全局安装
```bash
# 全局安装
$ npm install -g sparrow-code
# 运行
$ sparrow
```
---
### 项目内安装
```bash
# 项目内安装
$ npm install sparrow-code -D
# package.json 增加 sparrow
"scripts": {
"sparrow": "sparrow start -m page"
}
# 项目内安装GUI组件
$ npm install @sparrow-vue/develop-ui -S
# 项目内引用App.vue
import Sparrow from '@sparrow-vue/develop-ui'
export default {
components: {
Sparrow
},
name: 'App'
}
```
## 功能
### 物料
sparrow 提供多种类型的物料源，以此提升研发效率。
- 组件：vue element-ui基础组件
- 容器：存储基础组件
- 编辑区块：可增删改的特定场景代码片段
- 静态区块：代码片段
- 搜索组件：官方内置拥有特定逻辑组件
- 插件：第三方自定义组件
### 基础功能
- 实时预览
- 拖拽
- 实时预览源代码
- 组件: 复制
- 组件: 删除
- 组件: 配置
- 撤销
- 保存
- 导出
- 重置
- 接口生成
- 打开vscode展示代码
- 文本编辑
- 等等功能
## 讨论（本项目没有群，讨论可发到github discussions）
## License
[MIT](https://github.com/sparrow-js/sparrow/blob/master/LICENSE)