หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด

pokeapi.co

ที่เก็บนี้มีซอร์สโค้ดและเอกสารประกอบสำหรับ pokeapi.co เว็บไซต์นี้สร้างขึ้นบน React-Static ซึ่งเป็นเครื่องกำเนิดไซต์แบบคงที่คล้ายกับ Gatsby ยกเว้นที่ไม่ได้รับการแนะนำและมีเวทมนตร์น้อยลง

เริ่มต้น

การทำก่อน

  • กระตวน
  • โหนด: 10.11.0 หรือมากกว่า
  • ส้อม GitHub ของ repo (สำหรับการมีส่วนร่วมใด ๆ )
  • โคลนของ repo pokeapi.co บนเครื่องในพื้นที่ของคุณ

การติดตั้ง

  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

การบริจาค

แยกโครงการ

  1. แยกโครงการไปยังโปรไฟล์ GitHub ของคุณเอง
  2. โคลนพื้นที่เก็บข้อมูลที่ถูกแยกลงบนเครื่องในพื้นที่ของคุณ
  3. git remote add upstream https://github.com/PokeAPI/pokeapi.co เพื่อสร้างที่จับระยะไกลไปยัง repo upstream
  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" (แทนที่ข้อความของฉันด้วยข้อความ commit เช่น "แก้ไขโลโก้ส่วนหัวบน Android") เพื่อกระทำการเปลี่ยนแปลงของคุณ ในขณะที่ไม่สำคัญอย่างยิ่งลองทำตามแนวทางในการเขียนข้อความ Git Commit
  3. git push my-fork-name branch-name เพื่อผลักดันการเปลี่ยนแปลงของคุณไปยังที่เก็บ GitHub ของคุณเอง
  4. ไปที่ repo pokeapi.co github repo และคุณควรเห็นสาขาที่คุณผลักดันเมื่อเร็ว ๆ นี้
  5. ทำตามคำแนะนำของ GitHub เพื่อส่งคำขอดึง
  6. อธิบายการเปลี่ยนแปลงที่คุณทำในร่างกายของ PR หากเป็นไปได้ให้รวมภาพหน้าจอของการเปลี่ยนแปลงภาพ
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด