# focus-design

**Repository Path**: lt7529/focus-design

## Basic Information

- **Project Name**: focus-design
- **Description**: 通过 story-book 管理组件库
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-07-24
- **Last Updated**: 2023-07-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 基于 StoryBook 管理的组件库

组件库底层框架基于 react typescript story-book。借鉴 antd 组件库样式开发一套常见前端高性能组件库。

如 Button、Slider、Progress、Angle、Ercode 等，敬请期待。

## 启动方式

### `npm run start`

您可以通过该命令可以直接启动服务，按照常规 react 项目一样进行组件开发。

### `npm run storybook`

您可以通过该命令启动 storybook 服务预览组件目录。

### `npm run build`

您可以通过 build 命令对项目进行 rollup 打包，默认生成 es 文件目录

## 使用方式

### `npm install focus-design`

```tsx
import {Button} from 'focus-design';

function demo(){
  return (
    <>
      <Button primary></Button>
    </>
  )
}

```


## 相关文档

项目开发教程：https://juejin.cn/post/7044428114264326175

从 0-1 开发一个组件库：https://juejin.cn/post/7144365208646418462?searchId=20230726010355727CFCF3C84C73419A85