smallstonesk
4 years ago
2 changed files with 91 additions and 14 deletions
@ -0,0 +1,57 @@ |
|||
# iMove |
|||
|
|||
<div align="center"> |
|||
<img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3874775950,1064987171&fm=26&gp=0.jpg" width="200px"> |
|||
</div> |
|||
|
|||
iMove 是一个逻辑可复用的,面向函数的,流程可视化的 JavaScript 工具库。 |
|||
|
|||
## 特性 |
|||
|
|||
- [x] **流程可视化**: 上手简单,绘图方便,逻辑表达更直观,易于理解 |
|||
- [x] **逻辑复用**: iMove 节点支持复用,单节点支持参数配置 |
|||
- [x] **灵活可扩展**: 仅需写一个函数,节点可扩展,支持插件集成 |
|||
- [ ] **多语言编译**: 无语言编译出码限制(例: 支持 JavaScript, Java 编译出码) |
|||
|
|||
## 快速开始 |
|||
|
|||
### 步骤 1. 准备 |
|||
|
|||
下载仓库,安装并启动 |
|||
|
|||
```bash |
|||
$ git clone https://github.com/imgcook/imove.git |
|||
$ cd ./imove/example |
|||
$ npm install |
|||
$ npm start |
|||
``` |
|||
|
|||
### 步骤 2. 绘制流程图 |
|||
|
|||
从左侧拖动节点至中央画布,绘制流程图 |
|||
|
|||
![flowchart](https://img.alicdn.com/tfs/TB1aoYe4pP7gK0jSZFjXXc5aXXa-3090-1806.jpg) |
|||
|
|||
### 步骤 3. 配置节点 |
|||
|
|||
选择节点,修改节点名,编辑节点代码 |
|||
|
|||
![flowchart-usage1](https://img.alicdn.com/tfs/TB1z6DKoZieb18jSZFvXXaI3FXa-1924-1125.png) |
|||
|
|||
![flowchart-usage2](https://img.alicdn.com/tfs/TB1lC26tTM11u4jSZPxXXahcXXa-1924-1125.png) |
|||
|
|||
## 贡献 |
|||
|
|||
1. Fork 仓库 |
|||
2. 创建分支 (`git checkout -b my-new-feature`) |
|||
3. 提交修改 (`git commit -am 'Add some feature'`) |
|||
4. 推送 (`git push origin my-new-feature`) |
|||
5. 创建 PR |
|||
|
|||
## 欢迎fork和反馈 |
|||
|
|||
如有建议或意见,欢迎在 github [issues](https://github.com/imgcook/imove/issues) 区提问 |
|||
|
|||
## 协议 |
|||
|
|||
本仓库遵循 [MIT 协议](http://www.opensource.org/licenses/MIT) |
Loading…
Reference in new issue