126 lines
8.2 KiB
Markdown
126 lines
8.2 KiB
Markdown
|
English | [简体中文](./README.zh-CN.md) | [Русский](./README.ru-RU.md) | [Türkçe](./README.tr-TR.md) | [日本語](./README.ja-JP.md) | [Français](./README.fr-FR.md) | [Português](./README.pt-BR.md) | [العربية](./README.ar-DZ.md)
|
|||
|
|
|
|||
|
|
<h1 align="center">Ant Design Pro</h1>
|
|||
|
|
|
|||
|
|
<div align="center">
|
|||
|
|
|
|||
|
|
An out-of-box UI solution for enterprise applications as a React boilerplate.
|
|||
|
|
|
|||
|
|
[](https://dev.azure.com/ant-design/ant-design-pro/_build/latest?definitionId=1?branchName=master)   [](https://david-dm.org/ant-design/ant-design-pro) [](https://david-dm.org/ant-design/ant-design-pro?type=dev)
|
|||
|
|
|
|||
|
|
[](https://gitter.im/ant-design/pro-english?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge) [](https://gitter.im/ant-design/ant-design-pro?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge) [](http://umijs.org/) 
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
- Preview: http://preview.pro.ant.design
|
|||
|
|
- Home Page: http://pro.ant.design
|
|||
|
|
- Documentation: http://pro.ant.design/docs/getting-started
|
|||
|
|
- ChangeLog: http://pro.ant.design/docs/changelog
|
|||
|
|
- FAQ: http://pro.ant.design/docs/faq
|
|||
|
|
- Mirror Site in China: http://ant-design-pro.gitee.io
|
|||
|
|
|
|||
|
|
## 4.0 Released Now! 🎉🎉🎉
|
|||
|
|
|
|||
|
|
[Announcing Ant Design Pro 4.0.0](https://medium.com/ant-design/ant-design-pro-v4-is-here-6f23098ae9d9)
|
|||
|
|
|
|||
|
|
## Translation Recruitment :loudspeaker:
|
|||
|
|
|
|||
|
|
We need your help: https://github.com/ant-design/ant-design-pro/issues/120
|
|||
|
|
|
|||
|
|
## Features
|
|||
|
|
|
|||
|
|
- :bulb: **TypeScript**: A language for application-scale JavaScript
|
|||
|
|
- :scroll: **Blocks**: Build page with block template
|
|||
|
|
- :gem: **Neat Design**: Follow [Ant Design specification](http://ant.design/)
|
|||
|
|
- :triangular_ruler: **Common Templates**: Typical templates for enterprise applications
|
|||
|
|
- :rocket: **State of The Art Development**: Newest development stack of React/umi/dva/antd
|
|||
|
|
- :iphone: **Responsive**: Designed for variable screen sizes
|
|||
|
|
- :art: **Theming**: Customizable theme with simple config
|
|||
|
|
- :globe_with_meridians: **International**: Built-in i18n solution
|
|||
|
|
- :gear: **Best Practices**: Solid workflow to make your code healthy
|
|||
|
|
- :1234: **Mock development**: Easy to use mock development solution
|
|||
|
|
- :white_check_mark: **UI Test**: Fly safely with unit and e2e tests
|
|||
|
|
|
|||
|
|
## Templates
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
- Dashboard
|
|||
|
|
- Analytic
|
|||
|
|
- Monitor
|
|||
|
|
- Workspace
|
|||
|
|
- Form
|
|||
|
|
- Basic Form
|
|||
|
|
- Step Form
|
|||
|
|
- Advanced From
|
|||
|
|
- List
|
|||
|
|
- Standard Table
|
|||
|
|
- Standard List
|
|||
|
|
- Card List
|
|||
|
|
- Search List (Project/Applications/Article)
|
|||
|
|
- Profile
|
|||
|
|
- Simple Profile
|
|||
|
|
- Advanced Profile
|
|||
|
|
- Account
|
|||
|
|
- Account Center
|
|||
|
|
- Account Settings
|
|||
|
|
- Result
|
|||
|
|
- Success
|
|||
|
|
- Failed
|
|||
|
|
- Exception
|
|||
|
|
- 403
|
|||
|
|
- 404
|
|||
|
|
- 500
|
|||
|
|
- User
|
|||
|
|
- Login
|
|||
|
|
- Register
|
|||
|
|
- Register Result
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## Usage
|
|||
|
|
|
|||
|
|
### Use bash
|
|||
|
|
|
|||
|
|
```bash
|
|||
|
|
$ mkdir <your-project-name>
|
|||
|
|
$ cd <your-project-name>
|
|||
|
|
$ yarn create umi # or npm create umi
|
|||
|
|
|
|||
|
|
# Choose ant-design-pro:
|
|||
|
|
Select the boilerplate type (Use arrow keys)
|
|||
|
|
❯ ant-design-pro - Create project with an layout-only ant-design-pro boilerplate, use together with umi block.
|
|||
|
|
app - Create project with a simple boilerplate, support typescript.
|
|||
|
|
block - Create a umi block.
|
|||
|
|
library - Create a library with umi.
|
|||
|
|
plugin - Create a umi plugin.
|
|||
|
|
|
|||
|
|
$ git init
|
|||
|
|
$ npm install
|
|||
|
|
$ npm start # visit http://localhost:8000
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
### Use Gitpod
|
|||
|
|
|
|||
|
|
Open the project in Gitpod (free online dev environment for GitHub) and start coding immediately.
|
|||
|
|
|
|||
|
|
[](https://gitpod.io/#https://github.com/ant-design/ant-design-pro)
|
|||
|
|
|
|||
|
|
More instructions at [documentation](http://pro.ant.design/docs/getting-started).
|
|||
|
|
|
|||
|
|
## Browsers support
|
|||
|
|
|
|||
|
|
Modern browsers and IE11.
|
|||
|
|
|
|||
|
|
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera |
|
|||
|
|
| --- | --- | --- | --- | --- |
|
|||
|
|
| IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
|
|||
|
|
|
|||
|
|
## Contributing
|
|||
|
|
|
|||
|
|
Any type of contribution is welcome, here are some examples of how you may contribute to this project:
|
|||
|
|
|
|||
|
|
- Use Ant Design Pro in your daily work.
|
|||
|
|
- Submit [issues](http://github.com/ant-design/ant-design-pro/issues) to report bugs or ask questions.
|
|||
|
|
- Propose [pull requests](http://github.com/ant-design/ant-design-pro/pulls) to improve our code.
|