👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

5.4 KiB

Ant Design Pro

Idioma: 🇺🇸 | 🇨🇳 | 🇷🇺 | 🇹🇷 | 🇯🇵 | 🇫🇷 | 🇧🇷 | 🇩🇿 | 🇪🇸

Ant Design Pro

Una solución de interfaz de usuario lista para usar para aplicaciones empresariales basada en React.

CI Preview Deploy Build With Umi Checked with Biome

vista previa del tema claro vista previa del tema oscuro

Características

  • 💡 TypeScript: Un lenguaje para aplicaciones JavaScript a gran escala
  • 📜 Bloques: Construye páginas con plantillas de bloques
  • 💎 Diseño elegante: Sigue la especificación de Ant Design
  • 📐 Plantillas comunes: Plantillas típicas para aplicaciones empresariales
  • 🚀 Desarrollo de vanguardia: Stack de desarrollo más reciente con React/umi/dva/antd
  • 📱 Responsivo: Diseñado para diferentes tamaños de pantalla
  • 🎨 Tematización: Tema personalizable con configuración sencilla
  • 🌐 Internacionalización: Solución i18n integrada
  • ⚙️ Buenas prácticas: Flujo de trabajo sólido para mantener tu código saludable
  • 🔢 Desarrollo mock: Solución de desarrollo mock fácil de usar
  • Pruebas de UI: Seguridad con pruebas unitarias y e2e

Plantillas

- Panel de control
  - Analítica
  - Monitorización
  - Espacio de trabajo
- Formulario
  - Formulario básico
  - Formulario por pasos
  - Formulario avanzado
- Lista
  - Tabla estándar
  - Lista estándar
  - Lista de tarjetas
  - Lista de búsqueda (Proyecto/Aplicaciones/Artículo)
- Perfil
  - Perfil simple
  - Perfil avanzado
- Cuenta
  - Centro de cuenta
  - Configuración de cuenta
- Resultado
  - Éxito
  - Fallo
- Excepción
  - 403
  - 404
  - 500
- Usuario
  - Iniciar sesión
  - Registrarse
  - Resultado del registro

Uso

Usar bash

Proporcionamos pro-cli para inicializar rápidamente el proyecto.

# usar npm
npm i @ant-design/pro-cli -g
pro create myapp

Elige la plantilla pro. Simple es la plantilla básica, que solo proporciona el contenido esencial para el funcionamiento del framework. Complete contiene todos los bloques, por lo que no es adecuada como plantilla base para desarrollo secundario.

? 🚀 ¿Proyecto completo o un esqueleto simple? (Usa las flechas)
➥ simple
  complete

Inicializa el repositorio Git:

$ git init myapp

Instala las dependencias:

$ cd myapp && tyarn
// o
$ cd myapp && npm install

Navegadores soportados

Navegadores modernos.

Edge
Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Opera
Opera
Edge últimas 2 versiones últimas 2 versiones últimas 2 versiones últimas 2 versiones

Contribución

Cualquier tipo de contribución es bienvenida. Aquí tienes algunos ejemplos de cómo puedes contribuir a este proyecto:

  • Usa Ant Design Pro en tu trabajo diario.
  • Envía issues para informar de errores o hacer preguntas.
  • Propón pull requests para mejorar nuestro código.