![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Ant Design 官推教程
小李科技
欢迎来到我的博客,一起学习与分享技术,欢迎交流
展开
-
Ant官方教程(一)------------------------------------对Ant Design 的一些介绍
1. 提供了一些Ant Design 的一些介绍 , 如何配置 等等 2. 提供了 技术问答的网站,和一堆文件 ;)Ant Design of React这里是 Ant Design 的 React 实现,开发和服务于企业级后台产品。+特性 支持环境 版本 安装 示例 链接 谁在使用 如何贡献 社区互助特性# 提炼自企业级中后台产品的交互语言和视觉风...转载 2018-10-12 15:07:08 · 824 阅读 · 0 评论 -
Ant官方教程(二)------------------------------------快速上手
快速上手Ant Design React 致力于提供给程序员愉悦的开发体验。在开始之前,推荐先学习 React 和 ES2015,并正确安装和配置了 Node.js v8 或以上。 官方指南假设你已了解关于 HTML、CSS 和 JavaScript 的中级知识,并且已经完全掌握了 React 全家桶的正确开发方式。如果你刚开始学习前端或者 React,将 UI 框架作为你的第一步可能不...转载 2018-10-13 11:36:53 · 432 阅读 · 0 评论 -
Ant官方教程(三)------------------------------------项目实战
+ 这个项目可以让你熟悉 react相关的开发流程+ 不足之处 : 可以增加 增加模块 和搜索 模块进行完善;) 项目实战在真实项目开发中,你可能会需要 Redux 或者 MobX 这样的数据应用框架,Ant Design React 作为一个 UI 库,可以和任何 React 生态圈内的应用框架搭配使用。我们也基于 Redux 推出了自己的最佳实践 dva,推荐你在项目中...转载 2019-03-14 14:31:46 · 737 阅读 · 4 评论 -
Ant官方教程(四)------------------------------------在 create-react-app 中使用
在 create-react-app 中使用create-react-app 是业界最优秀的 React 应用开发工具之一,本文会尝试在 create-react-app 创建的工程中使用 antd 组件,并自定义 webpack 的配置以满足各类工程化需求。安装和初始化 引入 antd 高级配置 eject 源码和其他脚手架安装和初始化#我们需要在命令行中安装 create...转载 2018-10-12 13:53:51 · 230 阅读 · 0 评论 -
Ant官方教程(五)------------------------------------定制主题(没看懂 :)
定制主题Ant Design 的样式变量 定制方式 没有生效? 社区教程Ant Design 设计规范上支持一定程度的样式定制,以满足业务和品牌上多样化的视觉需求,包括但不限于主色、圆角、边框和部分组件的视觉定制。Ant Design 的样式变量#antd 的样式使用了 Less 作为开发语言,并定义了一系列全局/组件的样式变量,你可以根据需求进行相应调整。以下是一些最...转载 2018-10-12 14:43:04 · 1152 阅读 · 0 评论 -
Ant官方教程(六)------------------------------------创建一个 TypeScript 项目,并引入 antd
在 TypeScript 中使用使用 create-react-app 一步步地创建一个 TypeScript 项目,并引入 antd。安装和初始化 引入 antd 高级配置 其他方案 常见问题安装和初始化#请确保电脑上已经安装了最新版的 yarn 或者 npm。使用 yarn 创建项目。$ yarn create react-app antd-demo-ts --...转载 2018-10-12 14:39:10 · 3461 阅读 · 0 评论 -
Ant官方教程(七)------------------------------------社区精选组件(提供了一些 好用的插件)
社区精选组件 :)antd 是 Ant Design 设计规范的 React 实现,所以我们倾向于只提供符合该规范、且带有视觉展现的 UI 组件,也尽量不重复造轮子。我们推荐使用以下社区已有的优秀实现,与 antd 形成互补:类型 推荐组件 路由 react-router 布局 react-blocks react-flexbox-grid 拖拽 rea...转载 2018-10-12 14:46:05 · 704 阅读 · 0 评论 -
Ant官方教程(八)------------------------------------国际化(这个是写 antd默认文档用的 现在我还用不到 :)
国际化LocaleProvider i18n 项目示例antd 目前的默认文案是英文,如果需要使用其他语言,可以参考下面的方案。LocaleProvider#使用 LocaleProvider 插件/组件 就行 antd 提供了一个 React 组件 LocaleProvider 用于全局配置国际化文案。import zhCN from 'antd/lib/l...转载 2018-10-12 14:49:10 · 866 阅读 · 0 评论 -
Ant官方教程(九)------------------------------------FAQ(官方给出的Ant Design的常问的问题)
FAQ有问题请先问 React:https://reactfaq.site 。错误和警告你们会提供 Vue 版本的 Ant Design 吗?#不,但是 ant-design 基于 MIT 协议开源,所以你可以尝试用 ant-design 的样式去实现一套,例如:ant-design-vue vue-beauty 或者 antue。你们会提供 Sass/Stylus 等格式的样式...转载 2018-10-12 14:51:00 · 798 阅读 · 0 评论 -
Ant官方教程(十)------------------------------------贡献指南(这里提供了怎么把代码工作放到 GitHub上的一个方法 介绍了一些概念)
贡献指南这篇指南会指导你如何为 Ant Design 贡献一份自己的力量,请在你要提 issue 或者 pull request 之前花几分钟来阅读一遍这篇指南。行为准则#我们有一份 行为准则,希望所有的贡献者都能遵守,请花时间阅读一遍全文以确保你能明白哪些是可以做的,哪些是不可以做的。透明的开发#我们所有的工作都会放在 GitHub 上。不管是核心团队的成员还是外部贡献者的 ...转载 2018-10-12 14:53:53 · 164 阅读 · 0 评论 -
Ant官方教程(十一)------------------------------------(一些用的组件 :)
这里给出一个连接 这里是这个框架/或组件会被用到的地方(比较常用)https://ant.design/components/button-cn/这里是 ant.design 的一些组件,当然我也不会全部去用一遍, + 学习如何使用其中的一些组件的方法? + 这次就转载到这里,感兴趣的可以下方留言,交流...转载 2018-10-12 14:59:46 · 741 阅读 · 0 评论