Ant Design 是蚂蚁集团对外开源的一套 UI 设计,官方有针对这套设计的 React 实现,即 Ant Design of React,也就是我们熟知的,主要用于研发企业级中后台产品,社区也有一些基于其他框架的实现。 官网地址:https://ant.design/docs/react/introduce-cn 创建样板项目 官方没有这块例子,自己搭建! 先创建一个样板项目(...
1.使用脚手架创建项目并启动 1.1 安装脚手架: 代码语言:javascript 复制 npm install-g create-react-app 1.2 使用脚手架创建项目: 代码语言:javascript 复制 create-react-app antd-start-demo antd-start-demo为项目名。 1.3 启动 代码语言:javascript 复制 npm start 2.npm转换为yarn 2.1...
Ant Design X是由蚂蚁集团和 Ant Design 开源社区开源的一款前端 AI 界面项目,专门为构建 AI 聊天界面和 web 应用设计。 本质上是一个 React UI 库,用于构建由 AI 驱动的界面,一键接入智能对话组件与 API 服务。 采用了RICH AI 设计范式:Intention 意图、Role 角色、Conversation 对话、Hybrid UI 混合界面,提升...
二、全局安装create-react-app脚手架 用管理员身份运行cmd,输入: npm install -g create-react-app yarn 成功! 三、创建React项目antd-demo1 继续在cmd命令窗口输入: create-react-app antd-demo1 (因为之前已经创建过一个antd-demo,此处的antd-demo1是项目名称) 如上图,则创建成功! 四、引入Ant Design组件库...
Ant Design 是一套企业级 UI 设计语言和 React 组件库。其具有以下特性: 提炼自企业级中后台产品的交互语言和视觉风格。 开箱即用的高质量 React 组件。 使用Type 开发,提供完整的类型定义文件。 全链路开发和设计工具体系。 数十个国际化语言支持。
此blog 项目是基于 react 全家桶 + Ant Design 的,项目已经开源,项目地址在 github 上。 1. 效果 完整效果请看:http://biaochenxuying.cn/main.html 2. 功能描述 2.1 已经实现功能 √登录 √注册 √文章列表 √标签分类 √个人介绍 √点赞与评论 ...
1.2 使用脚手架创建项目: create-react-app antd-start-demo antd-start-demo为项目名。 1.3 启动 npmstart 2.npm转换为yarn 2.1 安装yarn: npminstall-g yarn 2.2 获取yarn当前的镜像源: yarn configgetregistry 2.3 设置为淘宝镜像: ...
一.最流行的开源React UI组件库 1>.material-ui(国外) 官网地址: http://www.material-ui.com/#/github地址: https://github.com/callemall/material-ui 2>.ant-design(国内蚂蚁金服) PC官网: https://ant.design/index-cn移动官网: https://mobile.ant.design/index-cnGithub: ...
Ant Design 在 2015 年 5 月 7 日第一次提交代码,全部提交和讨论都在 GitHub 进行,无内网版本,是一个完全开源的前端项目。 本文基于 Ant Design 多年来的项目运作,与大家交流开源项目的运作经验,主要内容围绕项目文档、网站、代码规范和风格、单元测试、发布规范、开源项目运营等几大方面,为大家提供实用的指引。