3.1 什么是UI组件库及antd安装

一、UI组件库

1. 安装：npm install antd

2. 图标库：npm install @ant-design/icons

3. 按需加载：antd默认支持基于ES modules 的tree shaking

4. 编辑器提示：antd使用TypeScript进行书别并提供了完整的定义文件

5. 简单使用案例：

   import { Button, Space } from 'antd'
   import { PlusCircleFilled } from '@ant-design/icons'
   
   function App() {
     return (
       <>
         <div>Default Template</div>
         <br />
         <Space>
           <Button type="primary" icon={<PlusCircleFilled />}>
             按钮
           </Button>
           <PlusCircleFilled />
         </Space>
       </>
     )
   }
   
   export default App