### 技术栈

涉及的技术栈均采用当前最新的版本和语法：

- 🌈 提炼自企业级中后台产品的交互语言和视觉风格。
- 📦 开箱即用的高质量 React 组件。
- ⚙️ 全链路开发和设计工具体系。
- 🎨 深入每个细节的主题定制能力。

### 目录结构

```
├── build                   // webpack配置
│   ├── webpack.common.js   // webpack通用配置
│   ├── webpack.dev.js      // webpack开发环境配置
│   └── webpack.prod.js     // webpack生产环境配置
├── dist                    // 打包输出目录
├── lib                     // 打包输出目录
├── es                      // 打包输出目录
├── src                     // 组件目录
│   └── index.js            // 项目汇总文件
├── .babelrc                // babel配置
├── .fatherrc               // 打包配置
├── .editorconfig           // 项目格式配置
├── .eslintrc.js            // ESLint配置
├── .gitignore              // git 忽略配置
├── .postcssrc.js           // postcss配置
├── package.json            // 依赖包配置
└── README.md               // 项目说明
```

## CLI 构建命令

### 📦 安装

```bash
yarn add linkmore-design --save
or
npm install linkmore-design --save
```

### 组件调试

```bash
  npm run dumi
```
### 组件文档生成

```bash
  npm run dumi:build
```

### 组件目录
  如果要新建组件: 通过 npm run create 来创建新组件

```
├── style                   // 样式目录
│   ├──index.js             // 负责引入其他样式
│   ├── index.less          // 主要样式
│   └── other.less          // 其他样式（例如组件子组件样式）
├── index.js                // 组件
├── demos                   // 组件调试demo(在README.md中引入)
│   ├── basic.js            // 基本使用 
│   ├── other1.js           // 其他方式使用1
│   ├── other2.js           // 其他方式使用2
├── README.md               // 组件使用文档
```
### md文档书写规范

### 🔨 示例

```bash
import { Button, Input } from 'linkmore-design'
const App = () => (
  <>
    <Input></Input>
    <Button />
  </>
);
```

### 组件问题
钉钉 call 乔克&零榆&古月

如果您有新组件或发现了任何bug，可以飞书找到我们，或者向我们的仓库提Pr,万分感谢！！！