什么是 base-framework
base-framework 是一个基于 React 技术栈的前端组件库，其目的是提供一些通用的组件和工具函数，帮助开发者快速构建前端应用，并提高开发效率。
如何安装
在使用 base-framework 前，需要在项目中引入该包。可通过 npm 安装，具体命令如下：
npm install base-framework --save
注意，此处我们添加了 --save 参数，因为我们需要将该依赖添加到项目的 package.json 文件中。
安装成功后，即可在项目中引入 base-framework，例如：
import { Button } from 'base-framework';如何使用
Button 组件
下面我们以 Button 组件为例，详细介绍如何使用 base-framework。
基本用法
Button 组件是一个简单的按钮，我们可以直接在代码中使用它。例如：
-- -------------------- ---- -------
------ - ------ - ---- -----------------
-------- ----- -
------ -
-----
------------- -----------
------
--
-设置颜色
Button 组件提供了多种颜色，可通过设置 color 属性来使用。例如：
<Button color="primary">Primary</Button> <Button color="success">Success</Button> <Button color="warning">Warning</Button> <Button color="error">Error</Button>
设置大小
Button 组件提供了多种大小，可通过设置 size 属性来使用。例如：
<Button size="small">Small</Button> <Button size="medium">Medium</Button> <Button size="large">Large</Button>
Icon 组件
Icon 组件是一个简单的图标组件，我们也可以直接在代码中使用它。例如：
-- -------------------- ---- -------
------ - ---- - ---- -----------------
-------- ----- -
------ -
-----
----- ------------- --
------
--
-设置大小
Icon 组件同样支持设置大小，可通过设置 size 属性来使用。例如：
<Icon name="search" size="small" /> <Icon name="search" size="medium" /> <Icon name="search" size="large" />
总结
通过本教程，我们学习了如何使用 base-framework 这个 npm 包。同时，我们也学习了该包的基本用法，包括 Button 和 Icon 组件的使用。希望本文对你有所帮助，欢迎提出宝贵意见和改进建议。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/78059