الصفحة الرئيسية>المتعلقة بالبرمجة>مكونات الطرف الثالث
تنزيل

الرقص

؟ مكتبة مكون بسيطة وأنيقة.

مكتبة React Component التي تم تطويرها باستخدام PNPM+Vite+TS+Tailwind ، التي يتم تنظيمها بواسطة Monorepo ، ومواقع المستندات التي تم تصميمها باستخدام Docusaurus

عنوان موقع المستند العنوان عبر الإنترنت: https://dance.cosine.ren/

عنوان github: https://github.com/dancing-team/dance-ui

حزمة NPM: https://www.npmjs.com/package/@dance-ui/ui

سجل التحديث: Change_log

؟ ابدأ بسرعة 

pnpm i @dance-ui/ui

تقديم المكونات: مكون كامل العرض 

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

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

؟ التنمية المحلية 

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

وصف البرنامج النصي

  • start تنفيذ build:ui ، start:docs لبدء موقع المستند بدوره
  • start:docs بتعبئة المكتبة المكونة وتبدأ موقع المستند مباشرة ، وهو مناسب للحالات التي تم فيها تعبئتها مرة واحدة.
  • start:demo المكتبة المكونة وتبدأ مشروع العرض التوضيحي
  • build مكتبة المكونات وقم بتعبئة موقع المستند
  • build:ui بشكل منفصل
  • build:ui-watch حزم بشكل منفصل أن مكتبة المكونات ومراقبة التغييرات والتحديثات في الوقت الفعلي. بالتزامن مع البداية: العرض التوضيحي ، يمكنك مراقبة تأثيرات تعديل المكونات في الوقت الفعلي.
  • serve:docs معاينة المستندات
  • change التنفيذ يستخدم التغييرات إضافة لتسجيل تعديل الإصدار
  • نص new لإنشاء مكون جديد
  • lint يقوم بتنفيذ رمز ESLINT تحقق من مكتبة المكون

تطوير المكون الجديد

  • شوكة هذا المستودع
  • دليل جذر القرص المضغوط ، pnpm new لإنشاء مكون جديد ، أدخل الاسم الصيني واسم اللغة الإنجليزية للمكون
  • بعد الإنشاء ، انتقل إلى دليل packages/components/src للعثور على المكونات التي أنشأتها للتطوير. يقع المستند المقابل في packagesexampledocscomponents
  • بعد اكتمال تطوير المكون ، يمكن pnpm change تسجيل سجل التحديث ، ويمكن أيضًا القيام بهذه الخطوة (دمج PR ثم إجراء تعديلات)
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل