介绍
CFG是一款基于 Vue3 + TypeScript 快速打造的低代码开发工具。具备以下特性&能力:
-
提供低代码工具脚手架CLI:可通过npm全局安装,是一款可以在本地运行低代码开发平台工具。生成的相关文件也保存在本地项目目录下。
-
组件->区块->页面->应用:创建应用,每个应用下创建页面,每个页面由若干区块和组件组成,每个区块又由若干组件组成。
-
应用源码支持模块方式的Vue3代码导出:低代码工具(编辑器)基于Vue3+TypeScript开发,支持导出Vue3源码,并且是按照模块的维度导出成zip压缩包并支持下载,压缩包文件包括:应用配置文件、页面.vue文件、路由文件、useHooks函数文件、入口index.ts文件。
-
丰富的工具方法库&工具方法开发脚手架(TODO):工具方法库基于TypeScript开发。官方提供基础工具方法(因每个业务不同,需要业务自行封装各自的jsApi方法和定制化业务方法)。提供脚手架允许开发者开发工具方法,参与共建。
入门
体验版
我们提供了使用开发机部署的体验地址,需要连接乐信办公网(lexin-wifi),点击跳转 体验。
开源本地化部署
我们还提供通过拉取开源源码的方式实现本地化部署低代码工具平台。
点击阅读:部署篇-低代码工具平台本地化部署
手册
基础篇01-基础概念
点击阅读:基础篇01-CFG低代码工具基础概念
基础篇02-适用于产品或运营
产品和运营同学只需要学会:
- 如何创建项目
- 如何创建页面
- 如何将组件拖拽到页面中
- 如何导出项目
点击阅读:基础篇02-CFG低代码工具基本操作说明书。
基础篇03-适用于具备基本前端知识的后端开发或运维
后端和运维同学除了需要学会上述操作外,还需要学会:
- 如何创建区块
- 区块/页面的状态数据、计算属性、侦听器、方法、生命周期如何设置
- 如何使用高级方法
- 如何写样式
- 如何创建和使用API和数据源
- 相关示例操作
点击阅读:基础篇03-CFG低代码编辑器配置页面高级用法。
进阶篇01-适用于专业前端开发
前端同学除了需要学会上述操作外,还需要学会:
- 如何使用CFG低代码脚手架工具进行项目开发
- 如何将项目源码拷贝到主应用项目中部署
点击阅读:进阶篇01-CFG低代码工具脚手架CLI使用说明书。
进阶篇02-我的前端项目框架不是基于Vue3框架的,怎么办?
CFG低代码工具导出的源码是基于Vue3的,如果你的项目是基于Vue2或者Raect,需要通过微前端的方式实现不同框架之间的共存。点击阅读:进阶篇02-基于qiankun微前端框架搭建Vue2主应用+Vue3微应用前端项目。
优化建议
在使用过程中有任何优化的建议都可以在这里提:CFG低代码工具待优化点。