项目简介
本项目是一个名为jyui的基于React和antd的二次封装功能性组件库。目的是为开发者提供一套灵活、易于使用的组件库,以助力快速构建用户界面。通过与后端团队协作,计划形成一套类似可配置解决方案的业务性组件库。
项目的主要特性和功能
- 基于antd:采用广泛使用的antd基础组件库,具备丰富组件与稳定性能。
- 模块化设计:各组件独立封装,便于开发者按需引入和使用。
- TypeScript支持:使用TypeScript开发,提供类型检查与更优的代码提示。
- 文档丰富:利用styleguide生成React组件文档,方便开发者查看和使用组件。
安装使用步骤
已下载源码文件的使用步骤
1. 安装依赖
使用npm或yarn安装项目所需的依赖:
bash
npm install
2. 运行开发服务器
使用以下命令启动开发服务器:
bash
npm start
3. 打包成库
使用以下命令将组件库打包成可发布的版本:
bash
npm run build
4. 组件库文档开发
使用以下命令启动组件库文档的开发:
bash
npm run doc:dev
5. 打包组件库文档并发布
使用以下命令将组件库文档打包并发布:
bash
npm run doc:publish
直接安装使用组件库步骤
1. 安装jyui组件库
通过npm安装jyui到项目中:
bash
npm install @hfuuss/jyui
2. 在项目中使用组件
在项目中引入并使用jyui中的组件:
javascript
import { Button } from '@hfuuss/jyui';
3. 运行项目
使用npm启动项目,并进行开发和测试:
bash
npm start
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】