dance ui

danse-UI

? Une bibliothèque de composants simples et élégants.

La bibliothèque de composants React développée à l'aide de PNPM + VITE + TS + Tailwind, organisée par Monorepo, et les sites de documents sont construits à l'aide de Docusaurus

Document Site Adresse en ligne: https://dance.cosine.ren/

Adresse github: https://github.com/dancing-team/dance-ui

Package NPM: https://www.npmjs.com/package/@dance-ui/UI

Journal de mise à jour: Change_log

? Commencer rapidement

pnpm i @dance-ui/ui

Présentation des composants: Composant Vue complète

 import { Button } from '@dance-ui/ui'

export default ( ) => {
  return < Button type = "primary" > Primary </ Button >
}

? Développement local

 # install decencies
pnpm i
# build ui & start docs
pnpm start

Description du script

• start Exécute build:ui , start:docs pour démarrer le site de document à son tour
• start:docs n'accumule pas la bibliothèque de composants et ne démarque pas directement le site de document, qui convient aux situations où elle a été emballée une fois.
• start:demo Packages la bibliothèque des composants et démarre le projet de démonstration
• build la bibliothèque des composants et package le site de document
• build:ui séparément
• build:ui-watch packages séparément la bibliothèque de composants et surveille les modifications et les mises à jour en temps réel. En conjonction avec Start: Demo, vous pouvez surveiller les effets de modification des composants en temps réel.
• serve:docs de prévisualisation des documents
• change l'exécution utilise la modification des modifications Add to Record
• new script pour créer un nouveau composant
• lint effectue le code ESLINT Vérifier la bibliothèque des composants

Développement de nouveaux composants

• fourchez cet entrepôt
• CD Root Directory, pnpm new pour créer un nouveau composant, entrez le nom chinois et le nom anglais du composant
• Après la création, accédez au répertoire packages/components/src pour trouver les composants que vous avez créés pour le développement. Le document correspondant est situé dans packagesexampledocscomponents
• Une fois le développement des composants terminé, pnpm change peut enregistrer le journal de mise à jour, et cette étape peut également être effectuée (fusionner PR puis effectuer des ajustements)