linkmore-design
v3.0.68
Published
🌈 🚀lm组件库。🚀
Downloads
3,911
Readme
技术栈
涉及的技术栈均采用当前最新的版本和语法:
- 🌈 提炼自企业级中后台产品的交互语言和视觉风格。
- 📦 开箱即用的高质量 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,万分感谢!!!