linkmore-design

技术栈

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

• 🌈 提炼自企业级中后台产品的交互语言和视觉风格。
• 📦 开箱即用的高质量 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 构建命令

📦 安装

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

组件调试

  npm run dumi

组件文档生成

  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文档书写规范

🔨 示例

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

组件问题

钉钉 call 乔克&零榆&古月

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