Skip to main content

简介

简介​

Ant Design 是蚂蚁集团旗下一套开源的react企业级ui框架,主要用于研发企业级中后台产品。

以下是一些关于 Ant Design 的主要特性和优势:

  1. 企业级产品设计语言, Ant Design 秉承设计价值观,为 Web 应用提供理念和设计模式。
  2. 丰富的组件库: Ant Design 包含大量的基础组件和复杂组件,涵盖数据展示、数据输入、功能扩展等各个场景。
  3. React 生态圈接入与 React 生态圈深入合作,提供 React Native，NG-ZORRO 等各种可能的 React 扩展组件。
  4. 国际化:本身包含英文和中文版本，更有众多语言社区提供各类语言版本。
  5. 主题定制: 支持方便的主题定制,可以遵循自身产品设计体系。
  6. 优秀的文档: 提供优秀的文档和示例代码,帮助开发者快速上手。

总的来说,Ant Design 是一个非常优秀的 React UI 框架,在企业级应用中广泛使用,可以帮助开发者快速搭建高质量的 UI 界面。

环境搭建​

ant-design环境搭建非常简单，只需要在react项目根目录中install antd即可

以create-react-app为例:

# create project with typescript
npx create-react-app antd-demo --template typescript
cd antd-demo
# install antd
npm install antd --save
npm run start

然后就可以正常使用了，需要注意的是这种方式属于全局引入,以下是个demo：

import { Button } from 'antd';
import React from 'react';

const Test: React.FC = () => (
  <div className="test">
    <Button type="primary">Button</Button>
  </div>
);

export default Test;