126 lines
5.3 KiB
Markdown
126 lines
5.3 KiB
Markdown
# Ant Design Pro
|
|
|
|
Idioma: 🇺🇸 | [🇨🇳](./README.zh-CN.md) | [🇷🇺](./README.ru-RU.md) | [🇹🇷](./README.tr-TR.md) | [🇯🇵](./README.ja-JP.md) | [🇫🇷](./README.fr-FR.md) | [🇧🇷](./README.pt-BR.md) | [🇩🇿](./README.ar-DZ.md) | [🇪🇸](./README.es-ES.md)
|
|
|
|
<h1 align="center">Ant Design Pro</h1>
|
|
|
|
<div align="center">
|
|
|
|
Uma solução de UI pronta para uso para aplicações empresariais baseada em React.
|
|
|
|
[](https://github.com/ant-design/ant-design-pro/actions/workflows/ci.yml)
|
|
[](https://github.com/ant-design/ant-design-pro/actions/workflows/preview-deploy.yml)
|
|
[](http://umijs.org/)
|
|
[](https://biomejs.dev)
|
|
[](https://ant.design/)
|
|
|
|
<img width="1718" height="1191" alt="visualização do tema claro" src="https://github.com/user-attachments/assets/74ad0b4a-e086-4955-8edd-9f2cff31aee8" />
|
|
<img width="1718" height="1191" alt="visualização do tema escuro" src="https://github.com/user-attachments/assets/d4bcb7c1-42c7-4c0f-b130-1193a931f9f7" />
|
|
|
|
</div>
|
|
|
|
- Visualizar: http://preview.pro.ant.design
|
|
- Página inicial: http://pro.ant.design
|
|
- Documentação: http://pro.ant.design/docs/getting-started
|
|
- Registro de alterações: http://pro.ant.design/docs/changelog
|
|
- FAQ: http://pro.ant.design/docs/faq
|
|
|
|
## Funcionalidades
|
|
|
|
- :bulb: **TypeScript**: Uma linguagem para aplicações JavaScript em larga escala
|
|
- :scroll: **Blocos**: Construa páginas com modelos de blocos
|
|
- :gem: **Design elegante**: Segue a [especificação do Ant Design](http://ant.design/)
|
|
- :triangular_ruler: **Modelos comuns**: Modelos típicos para aplicações empresariais
|
|
- :rocket: **Desenvolvimento de ponta**: Stack mais recente de React/umi/dva/antd
|
|
- :iphone: **Responsivo**: Projetado para diferentes tamanhos de tela
|
|
- :art: **Temas**: Tema personalizável com configuração simples
|
|
- :globe_with_meridians: **Internacionalização**: Solução i18n integrada
|
|
- :gear: **Boas práticas**: Workflow sólido para manter seu código saudável
|
|
- :1234: **Desenvolvimento mock**: Solução de mock fácil de usar
|
|
- :white_check_mark: **Teste de UI**: Segurança com testes unitários e e2e
|
|
|
|
## Modelos
|
|
|
|
```
|
|
- Painel
|
|
- Analítico
|
|
- Monitoramento
|
|
- Espaço de trabalho
|
|
- Formulário
|
|
- Formulário básico
|
|
- Formulário em etapas
|
|
- Formulário avançado
|
|
- Lista
|
|
- Tabela padrão
|
|
- Lista padrão
|
|
- Lista de cartões
|
|
- Lista de busca (Projeto/Aplicações/Artigo)
|
|
- Perfil
|
|
- Perfil simples
|
|
- Perfil avançado
|
|
- Conta
|
|
- Central da conta
|
|
- Configurações da conta
|
|
- Resultado
|
|
- Sucesso
|
|
- Falha
|
|
- Exceção
|
|
- 403
|
|
- 404
|
|
- 500
|
|
- Usuário
|
|
- Login
|
|
- Registro
|
|
- Resultado do registro
|
|
```
|
|
|
|
## Uso
|
|
|
|
### Usando bash
|
|
|
|
Fornecemos o pro-cli para inicializar rapidamente o projeto.
|
|
|
|
```bash
|
|
# usar npm
|
|
npm i @ant-design/pro-cli -g
|
|
pro create myapp
|
|
```
|
|
|
|
Escolha o modelo pro. Simple é o modelo básico, que fornece apenas o conteúdo essencial para o funcionamento do framework. Complete contém todos os blocos, não sendo adequado como modelo base para desenvolvimento secundário.
|
|
|
|
```shell
|
|
? 🚀 Projeto completo ou um esqueleto simples? (Use as setas)
|
|
➥ simple
|
|
complete
|
|
```
|
|
|
|
Inicialize o repositório Git:
|
|
|
|
```shell
|
|
$ git init myapp
|
|
```
|
|
|
|
Instale as dependências:
|
|
|
|
```shell
|
|
$ cd myapp && tyarn
|
|
// ou
|
|
$ cd myapp && npm install
|
|
```
|
|
|
|
## Navegadores suportados
|
|
|
|
Navegadores modernos.
|
|
|
|
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>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 |
|
|
| --- | --- | --- | --- | --- |
|
|
| Edge | últimas 2 versões | últimas 2 versões | últimas 2 versões | últimas 2 versões |
|
|
|
|
## Contribuindo
|
|
|
|
Qualquer tipo de contribuição é bem-vinda. Aqui estão alguns exemplos de como você pode contribuir para este projeto:
|
|
|
|
- Use o Ant Design Pro no seu trabalho diário.
|
|
- Envie [issues](http://github.com/ant-design/ant-design-pro/issues) para relatar bugs ou fazer perguntas.
|
|
- Proponha [pull requests](http://github.com/ant-design/ant-design-pro/pulls) para melhorar nosso código.
|