UNPKG

linkmore-design

Version:

🌈 🚀lm组件库。🚀

85 lines (69 loc) 2.54 kB
### 技术栈 涉及的技术栈均采用当前最新的版本和语法: - 🌈 提炼自企业级中后台产品的交互语言和视觉风格。 - 📦 开箱即用的高质量 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,万分感谢!!!