leoyongyuan / YouthCamp-lowcode

lowcode demo

🚩 LowCode

📝 项目介绍

可视化低代码平台，可视化拖拽，快速生成组件，在线编译，JSON 语法树等。

📌 项目演示地址

Demo

🔑 项目开发的技术栈

• 借助 vue-cli 脚手架进行开发
• 编程语言：Javascript
• 前端框架：Vue 2.x
• UI 框架: Element Plus Vuetify
• CSS 预编译：Sass
• 富文本编辑器：Ace

实现功能

• 动态添加组件
• 可视化拖拽
• 全新的开发模式：JSON + 物料组件化
• 云凤蝶布局，自由画布，分层设计，吸附，标准线等
• 支持标准的快捷键操作
• 组件联动设计
• 响应式预览
• 数据源管理入口
• 提供可设置的预置函数
• 支持 H5 移动端

lowcode 平台快捷键操作指令

• Ctrl + c : 复制

• Ctrl + v : 粘贴

• Ctrl + x : 剪切

• Ctrl + y : 重做

• Ctrl + z : 撤销

• Ctrl + s : 保存

• Ctrl + p : 预览

• Ctrl + d : 删除

• Ctrl + e : 清空

• Backspace : 撤销

• Delete : 撤销

部分功能演示

▶ 如何运行

安装

npm install

运行

npm run dev

打包

npm run build