الصفحة الرئيسية>موارد بناء الموقع>بيانات الموقع
تنزيل

pokeapi.co

يحتوي هذا المستودع على رمز المصدر والوثائق لـ pokeapi.co. هذا الموقع مبني على React-Static ، وهو مولد موقع ثابت مشابه لـ Gatsby ، باستثناء عدم التغذية وبأقل سحر.

ابدء

المتطلبات المسبقة

  • غيت
  • العقدة: 10.11.0 أو أكثر
  • شوكة github من الريبو (لأي مساهمات)
  • استنساخ من pokeapi.co repo على جهازك المحلي

تثبيت

  1. cd pokeapi.co للذهاب إلى جذر المشروع.
  2. npm install لتثبيت تبعيات المشروع.

الجري محليا

  1. npm run start لبدء تشغيل خادم التطوير الساخن (مدعوم من React-Static).
  2. انتقل إلى http://localhost:3000 لعرض الموقع في متصفحك.

بناء للإنتاج

  1. npm run build لبناء موقع الإنتاج.
  2. npm run serve لخدمة إصدار الإنتاج من الموقع على خادم اختبار محلي.

توجد ملفات الإنتاج في dist Directory.

المساهمة

شوكة المشروع

  1. مفترق المشروع إلى ملف github الخاص بك.
  2. استنساخ مستودع متشعب على الجهاز المحلي الخاص بك.
  3. git remote add upstream https://github.com/PokeAPI/pokeapi.co لإنشاء مقبض عن بُعد إلى الريبو المنبع.
  4. git pull upstream master للتأكد من حصولك على أحدث الرمز الرئيسي.
  5. git checkout -b branch-name (استبدال اسم الفرع باسم مناسب) لإنشاء فرع للتغييرات الخاصة بك.

اجعل التغيير

  1. اتبع التعليمات "الجري محليا".
  2. احفظ الملفات وتحقق من النتائج في المتصفح.

التغييرات في رد الفعل في /src سوف التحميل الساخن. في حالة تعديل ملف /alerts.json أو ملفات في /src/docs/ الدليل ، ستحتاج إلى إعادة تشغيل خادم DEV قبل أن تكون التغييرات مرئية.

اختبار التغيير

إذا كان ذلك ممكنًا ، فاختبر أي تغييرات بصرية في جميع إصدارات المتصفحات الشائعة ، على كل من سطح المكتب والجوال.

ادفعه

  1. git add -A لتنظيم ملفاتك التي تم تغييرها.
  2. git commit -m "My message" (استبدال رسالتي برسالة الالتزام ، مثل "شعار Fix Header على Android") لارتكاب تغييراتك. على الرغم من أنها ليست مهمة للغاية ، فحاول اتباع الإرشادات في كيفية كتابة رسالة التزام GIT.
  3. git push my-fork-name branch-name لدفع التغييرات الخاصة بك إلى مستودع GitHub الخاص بك.
  4. انتقل إلى pokeapi.co github repo وسترى فروعك التي تم دفعها مؤخرًا.
  5. اتبع تعليمات Github لتقديم طلب سحب.
  6. صف التغييرات التي أجريتها في جسم العلاقات العامة. إن أمكن ، قم بتضمين لقطات من التغييرات البصرية.
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل