# CustomerFormDesign | CustomerForm 的表单设计器

## 介绍

CustomerFormDesign 是专为CustomerForm开发的可视化表单设计工具, 让表单开发的效率更上一层楼!

## 注意

注意，此设计器不是独立存在的，是依托于 CustomerForm，在使用前请务必熟悉CustomerForm

## 安装 和 使用

### 第一步: 项目安装 CustomerForm

本可视化项目是专为 CustomerForm 组件开发的表单设计器, 如果想要在项目中使用生成的代码, 必须`CustomerForm` 组件

### 第二步: 使用可视化设计表单

#### 第一种方式: 在线设计地址(有点慢, 请耐心)

#### 第二种方式: 本地启动

```bash
# 安装
yarn global add fgen-cli # 或 npm install -g fgen-cli
```

```bash
# 基本使用
fgen
```

```bash
# 指定端口
fgen -p 8080
```

```bash
# 更新
yarn global add fgen-cli # 或 npm update -g fgen-cli
```

#### 第三种方式: Docker 启动

```bash
docker pull chaojie1234/fgen
docker run -d --name=fgen -p 54321:80 chaojie1234/fgen
```
#### 备注弋矶山急救基使用20220523 1.1.6版本