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

LWC-Storybooks-POC

LWC Storybook POC هو دمج مكونات ويب Lightning ووكتب القصص. إنه يوضح كيف يمكن استخدام عمليات التمييز الأساسية في مشروع مفتوح المصدر مثل Storybook. تقوم المكونات الأساسية بتنفيذ نظام تصميم البرق ويتم تطويره باستخدام مكونات الويب Lightning.

ابدء

قم بتشغيل المشروع محليًا لاستكشاف كيفية استخدام أدوات التماثيل الأساسية في كتاب القصص.

  1. استنساخ الريبو. 
$ git clone [email protected]:reiniergs/lwc-storybooks-poc.git
$ cd lwc-storybooks-poc
  1. تثبيت التبعيات. 
$ yarn install
  1. قم بتشغيل بنيتك المحلية. تفتح هذه الخطوة متصفح الويب الخاص بك وتنتقل إلى http: // localhost: 6006/. 
$ yarn storybook

إرشادات لنشر المكونات الأساسية

لنشر المكونات الأساسية في مشروعك ، اتبع هذه الإرشادات.

تثبيت التبعيات

  • إصدار ClassNames 2.2.6
  • إصدار نظام تصميم البرق 2.11.0-beta.1
  • LWC WebPack Plugin الإصدار 0.3.0
  • LWC برنامج التحويل البرمجي 1.0.0
  • إصدار محرك LWC 1.0.0

تنفيذ مكونات القاعدة

  • تنتمي المكونات الأساسية إلى مجلد src/c . استنساخ مجلدات المكونات التي تحتاجها لمشروعك. على سبيل المثال ، استنساخ مجلد الشارة إلى src/c/badge . لا تحتاج إلى ملف تكوين .js-meta.xml .
  • إضافة ملف CSS إلى المجلد المكون ، على سبيل المثال ، src/c/badge/badge.css . تشمل @import "@salesforce/slds/legacy"; في ملف CSS.
  • استخدم المكون الأساسي في مشروعك باستخدام بناء الجملة <c-badge label="Default"></c-badge> .

المساهمة

شكرًا لك على اهتمامك في LWC Storybook POC! انظر الإرشادات المساهمة في الإرشادات.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل