---
title: fs-pro-ui - 基于Antd 二次封装的组件库
order: 10
hero:
  title: fs-pro-ui
  desc: 📖 基于Antd 二次封装的组件库
  actions:
    - text: 快速上手
      link: /guide
# features:
#   - icon: https://gw.alipayobjects.com/zos/bmw-prod/881dc458-f20b-407b-947a-95104b5ec82b/k79dm8ih_w144_h144.png
#     title: 开箱即用
#     desc: 考究的默认配置和约定式的目录结构，帮助开发者零成本上手，让所有注意力都能放在文档编写和组件开发上
#   - icon: https://gw.alipayobjects.com/zos/bmw-prod/d1ee0c6f-5aed-4a45-a507-339a4bfe076c/k7bjsocq_w144_h144.png
#     title: 为组件开发而生
#     desc: 丰富的 Markdown 扩展，不止于渲染组件 demo，使得组件的文档不仅易于编写、管理，还好看、好用
#   - icon: https://gw.alipayobjects.com/zos/bmw-prod/b8570f4d-c1b1-45eb-a1da-abff53159967/kj9t990h_w144_h144.png
#     title: 主题系统
#     desc: 渐进式的自定义主题能力，小到扩展自己的 Markdown 标签，大到自定义完整主题包，全由你定
#   - icon: https://gw.alipayobjects.com/zos/bmw-prod/b3e102cd-5dad-4046-a02a-be33241d1cc7/kj9t8oji_w144_h144.png
#     title: API 自动生成
#     desc: 可基于 TypeScript 类型定义自动生成组件 API，组件永远『表里如一』
#   - icon: https://gw.alipayobjects.com/zos/bmw-prod/3863e74a-7870-4874-b1e1-00a8cdf47684/kj9t7ww3_w144_h144.png
#     title: 移动端组件库研发
#     desc: 安装主题包即可快速启用移动端组件研发能力，内置移动端高清渲染方案
#   - icon: https://gw.alipayobjects.com/zos/bmw-prod/f093e060-726e-471c-a53e-e988ed3f560c/kj9t9sk7_w144_h144.png
#     title: 资产数据化能力
#     desc: 一行命令将组件资产数据化，标准化的资产数据可与下游生产力工具串联
# footer: Open-source MIT Licensed | Copyright © 2019-present<br />Powered by self
---

## 轻松上手

手动创建第一篇文档

```bash
// 创建项目目录
$ mkdir library && cd library

// 安装 fs-pro-ui
$ npm i fs-pro-ui


```

<!-- ## 反馈与共建

请访问 [GitHub](https://github.com/umijs/dumi) 或加入讨论群：

<img src="https://gw.alipayobjects.com/zos/bmw-prod/877c66b3-ec81-48ca-ad7f-f3a6f7e19b42/kiprxtw0_w1004_h1346.png" width="260" />
<img src="https://gw.alipayobjects.com/zos/bmw-prod/c18bc2a5-719a-48ca-b225-c79ef88bfb43/k7m10ymd_w1004_h1346.jpeg" width="260"/> -->