如何做一个低代码平台？这个开源项目看看！

TJ君原创大约 3 分钟

平日里大家编码的时候肯定想着如何能提高自己的工作效率，那么一种方法肯定是提高自身的编码水平，但是同时工欲善其事必先利其器，如果有一款好的工具，说不定也能实现提升开发效率。

今天TJ君要跟大家分享的就是这样一款场景化低代码（LowCode）搭建工作台， sparrow，通过简单的操作实时输出源代码

sparrow支持基于vue、element-ui组件库的中后台项目的输出，目标只有一个，那就是：

提升开发效率！！！！

用过之后就会发现，sparrow的优势主要体现在两个方面：

1、使用方便，通过对拥有业务逻辑的代码的组装，可以完成函数级别的项目搭建，靠拖拉拽就可以，不需要太多手工编码，最终生成可供开发使用的源代码。

2、可扩展性，可以通过AST读取组件源代码，进行组合，只要页面的逻辑是可拆解的就可以任意组装；

基于上述两个方面，sparrow的特性可以总结为三个特点：

低代码开发，快速生成可读性强、vue element-ui组件库的源代码。
可视化开发，通过GUI生成页面代码源文件。
资产市场，代码资源共享，包含组件、编辑区块、静态区块、搜索业务组件、插件、场景搭建编辑器。

工作台安装方式：

全局安装

# 全局安装
$ npm install -g sparrow-code

# 运行
$ sparrow

项目内安装

# 项目内安装
$ npm install sparrow-code -D

# package.json 增加 sparrow
"scripts": {
  "sparrow": "sparrow start -m page"
}

# 项目内安装GUI组件
$ npm install @sparrow-vue/develop-ui -S

# 项目内引用App.vue
<template>
  <div id="app">
    <router-view />
    <sparrow />
  </div>
</template>

<script>
import Sparrow from '@sparrow-vue/develop-ui'

export default {
  components: {
    Sparrow
  },
  name: 'App'
}
</script>

小伙伴可能会有点担心，这样低代码的工作台，是否可以满足各种不同的开发诉求呢？关于这个，sparrow提供多种不同类型的物料源，以此帮助用户提升研发效率。TJ君稍稍举例一些：