可视化配置后台管理界面

本项目为移动端可视化配置功能管理后台基础库。该项目旨在提供一种所见即所得的方式对移动端页面进行管理，降低开发、维护及运营成本。

本项目为可视化管理后台部分，其中包含:

• 可视化示例库
• core 核心库
• components-basis 可视化后台组件基础库

如何使用

通过提供标准的 `JSON` 页面结构数据，由移动端库渲染为对应的业务功能组件。在管理后台，由 `DesignPage` 对移动端组件的配置项进行管理。

你只需要按照 `components-basis` 库提供的 `DesignPage` 参数配置好设计器，可视化页面的设计工作就交由基础库处理了。

基础库默认会提供 10 个功能组件，如果你需要修改默认组件或定制自己的组件，可以通过基础库提供的 `ApplicationConfigForm` 对配置表单进行注册和追加修改。

设置私有 NPM 镜像

在命令行中执行 npm config set registry http://nexus3.km.co-mall/repository/npm/；

启动开发环境

1. 安装 node.js 版本 10.16.3；
2. 安装 yarn，在命令行中执行 npm install -g yarn；
3. 在命令行中 cd 到项目根目录；
4. 执行 yarn install 安装依赖库；
5. 执行 yarn start 启动开发环境。

发布 DEMO

1. 安装 node.js 版本 10.16.3；
2. 安装 yarn，在命令行中执行 npm install -g yarn；
3. 在命令行中 cd 到 demo 项目根目录；
4. 在 demo 目录执行 yarn install 安装依赖库；
5. 设置接入 H5 站地址环境变量，如: export DESIGN_CLIENT_URL=http://172.16.0.23:8080
6. 设置 API 接口地址环境变量(即 Mock 访问地址)，如: export API_ROOT=http://172.16.0.23:4000
7. 执行 yarn run build 生成静态资源文件；
8. 发布的文件存放于 ./build。

启动 Mock 数据

1. 在命令行中 cd 到项目根目录，进入根目录下的 mock文件夹；
2. 在 mock 目录下执行 yarn install ；
3. 设置 Mock 接口访问地址环境变量，如: export MOCK_HOST=http://172.16.0.23;
4. 执行 node app.js 命令启动 Mock 数据 Server ( Mock 数据开启的是 4000 端口 );

发布流程

1. 在 dev 分支合并完成所有版本发布内容。
2. 修改 package.json 中的版本信息。
3. 更新 CHANGELOG.md 中的记录。
4. 推送 dev 到远程分支。
5. 发起 dev 到master的合并请求
6. 合并到master后，新建发布版本的 tag
7. 在 master 分支下执行 yarn login 登录镜像；
8. 执行 yarn publish 发布模块至镜像。

• 推送至阿里云平台仓库地址为 https://registry-node.aliyun.com/org/1166572487057521/registry/comall/