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.
|