git clone
项目目录如下:
├── CHANGELOG.md├── CONTRIBUTE.md├── LEGAL.md├── README.md├── babel.config.js├── config # umi 配置文件├── demo # antd-mini demo 小程序文件夹│ ├── Tag│ │ ├── index.axml # 组件 axml 文件│ │ ├── index.less # 组件 less 文件│ │ ├── index.ts # 组件 ts 文件│ │ └── index.json # 组件 json 文件│ └── ...├── docs # umi 静态站点文件├── mini.project.json├── package-lock.json├── package.json├── plugin├── scripts├── src # antd-mini 组件源码│ ├── Tag│ │ ├── index.axml # 组件 axml 文件│ │ ├── index.less # 组件 less 文件│ │ ├── index.ts # 组件 ts 文件│ │ ├── index.json # 组件 json 文件│ │ ├── index.md # 组件文档│ │ ├── props.d.ts # 组件 props 类型│ │ ├── props.js # 组件 props 默认值│ │ └── variable.less # 组件 less 变量文件│ └── ...├── tsconfig.json└── typings.d.ts
$ npm i
$ npm run dev
@rpx
为像素单位,以便编译成 px 版本与 rpx 版本的产物约定每个组件的文档都位于 src 目录下各组件文件夹的中,名称为 index.md。index.md 中包含组件基本信息、demo、API 信息、CSS 变量信息、组件样式类信息。通过下方命令,即可为组件库自动生成文档:
$ npm run test:markdown
其中,大部分文档信息会分析 AXML/props.d.ts/less 文件自动生成,因此需要遵守如下开发规范:
开发过程中,提交 commit 时,需要遵循以下原则: