ant design如何使用

搜索到  ant-design  的文档开始使用

在这里我们可以看到一个快速上手的教程，并且菜单栏有告诉我们在各个框架中如何去使用 ant-design

① 安装首先就是使用  create-react-app  搭建好 react 项目了，然后需要在 react 项目中去 安装  ant-design  yarn add ant-design

② 使用 ant-design 中的组件使用组件无非就是看适合自己的组件，然后复制代码。找到组件，复制对应 js 代码，css 代码现在我们用 栅格布局组件作为示例，选择两列栅格布局，复制 import { Row, Col } from 'antd'; 这个引入组件的代码以及复制这个段 html 代码         col-12         col-12    这里没有 额外的 css 内容，就不需要复制 css放置到我们的 js 页面中即可END

现在  TypeScript 使用应该是比较深层次的，  TypeScript 适合用于团队项目。yarn create react-app antd-demo-ts --typescript  这个命令是使用 create react-app 脚手架搭建了 react 的typescript 项目

① 安装不管是 js 项目还是 ts 项目，都需要先安装  ant-design  yarn add ant-design

② 使用 ant-design 中的组件使用组件无非就是看适合自己的组件，然后复制代码。找到组件，复制对应 js 代码，css 代码现在我们用 栅格布局组件作为示例，选择两列栅格布局，复制 import { Row, Col } from 'antd'; 这个引入组件的代码以及复制这个段 html 代码         col-12         col-12    这里没有 额外的 css 内容，就不需要复制 css放置到我们的 tsx 页面中即可