# ys-low-code

**Repository Path**: yangshundegitee/ys-low-code

## Basic Information

- **Project Name**: ys-low-code
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-03-30
- **Last Updated**: 2022-04-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 低代码可视化(可视化生成页面代码)

![image](./example.gif)




# run 
```
// 启动项目
npm run start 
// 启动ast转换监听  
npm run watch 
// 启动koa服务
npm run server 
```


## 实现功能：
* 页面布局（左中右布局）
* 拖拽（react-dnd）
* 组件树（react-sortable-tree）
* 模拟器（选择机型，缩放比例）
* 布局（行内，弹性，块级，none）可视化，组件封装
* 代码编辑器（monaco-editor）



# 注意事项
1. 使用react-sortable-tree，需要安装"react-dnd": "^11.1.3",不然最新版的react-dnd没有DragSource方法；
2. 使用react-sortable-tree，需要手动去除node_modules/react-virtualized/dist/es/WindowScroller/utils/onScroll.js中一段无用的引入 “import { bpfrpt_proptype_WindowScroller } from "../WindowScroller.js";”；点击查看[issue传送门](https://github.com/bvaughn/react-virtualized/issues/1632)