ant-design-pro目录结构

1. 技术栈 es6+, react, umijs, dva, g2, antd
2. 开发工具 yarn, node, git
3. tnpm 阿里的 npm管理工具
4. https://pro.ant.design/zh-CN

https://github.com/ant-design/ant-design-pro/tree/all-blocks/src/components
/public/favicon.ico

全局搜索 @/components/HeaderSearch
消息提示 @/components/NoticeIcon
国际化 @/components/RightContent/index SelectLang
头像 @/components/RightContent/AvatarDropdown
Footer @/component/Footer

yarn install

yarn create umi my-app # umi创建项目
Select the boilerplate type: 选择 Ant Design Pro
❯ ant-design-pro
Which language do you want to use? 选择你使用的语言
❯ TypeScript
 JavaScript
cd my-app
yarn # 安装依赖
yarn start # 打开浏览器访问 http://localhost:8000

npm install

npm install tnpm -g --registry=http://registry.npm.alibaba-inc.com
tnpm -v
mkdir umi-admin
cd umi-admin
npm create umi
选择 ant-degisn-pro,回车
npm install # 安装依赖
npm start # 启动项目

simple模板

simple 是基础模板，只提供了框架运行的基本内容
complete 包含 antd 的集成方案，不太适合当基础模板来进行二次开发
https://pro.ant.design/zh-CN/docs/getting-started

complete

complete 包含 antd 的集成方案，不太适合当基础模板来进行二次开发
https://preview.pro.ant.design/dashboard/analysis

antd社区组件

antd 社区精选组件 https://ant.design/docs/react/recommendation-cn

antd网页模板

https://landing.ant.design/index-cn
选择合适场景模板

模块