ladderly 3

เกี่ยวกับ

ระบบนิเวศแบบ Ladderly เป็นชุมชนชุดเครื่องมือและโปรแกรมการศึกษาที่ออกแบบมาเพื่อช่วยให้บุคคลเรียนรู้ที่จะเขียนโค้ดและเร่งความก้าวหน้าในอาชีพด้านเทคโนโลยี ตรวจสอบ repos อื่น ๆ เหล่านี้สำหรับข้อมูลเพิ่มเติม:

1. สล็อตบันได
2. ใช้งาน
3. redyellowgreen

เริ่มต้น

ก่อนอื่นตรวจสอบเอกสาร/setup.md

จากนั้นติดตั้งเมล็ดพันธุ์และเรียกใช้แอพของคุณในโหมดการพัฒนา

npm i
npm run seed
npm run dev

เปิด http: // localhost: 3000 พร้อมเบราว์เซอร์ของคุณเพื่อดูผลลัพธ์

อัปเดตรายการตรวจสอบ

เพียงเปลี่ยนข้อมูลเมล็ดและ reseed ด้วย npm run seed

เครื่องมือที่แนะนำ

แนะนำให้ใช้ส่วนขยายที่ระบุไว้ใน ./.vscode/extensions.json

ตัวแปรสภาพแวดล้อม

ตรวจสอบให้แน่ใจว่าไฟล์ .env.local มีตัวแปรสภาพแวดล้อมที่จำเป็น:

 DATABASE_URL=postgresql://<YOUR_DB_USERNAME>@localhost:5432/ladderly-3

ตรวจสอบให้แน่ใจว่าไฟล์ .env.test.local มีตัวแปรสภาพแวดล้อมที่จำเป็น:

 DATABASE_URL=postgresql://<YOUR_DB_USERNAME>@localhost:5432/ladderly-3_test

การทดสอบ

เรียกใช้การทดสอบของคุณโดยใช้ JEST

 yarn test

Blitz มาพร้อมกับการตั้งค่าการทดสอบโดยใช้ Vitest และ Reacting-Testing-Library

สร้างขึ้นด้วย

1. Blitz.js
2. ESLINT : ผ้าสำลีของคุณ: ค้นหาแนวทางปฏิบัติที่ไม่ดีและบอกคุณเกี่ยวกับเรื่องนี้ คุณสามารถปรับแต่งได้ผ่านทาง .eslintrc.js และคุณสามารถติดตั้งปลั๊กอิน (หรือแม้แต่เขียน) เพื่อให้เป็นแบบที่คุณชอบ มันมาพร้อมกับการกำหนดค่า blitz แต่คุณสามารถลบออกได้อย่างปลอดภัย เรียนรู้เพิ่มเติม
3. ฮัสกี้ : มันเพิ่ม githooks, รหัสชิ้นเล็ก ๆ ที่ได้รับการดำเนินการเมื่อเหตุการณ์ GIT บางอย่างเป็นทริกเกอร์ ตัวอย่างเช่นก่อน pre-commit จะถูกเรียกใช้ก่อนที่จะสร้างการกระทำ คุณสามารถดูตะขอปัจจุบันภายใน .husky/ หากมีปัญหาเกี่ยวกับการบังคับและผลักดันให้ตรวจสอบคู่มือการแก้ไขปัญหา เรียนรู้เพิ่มเติม
4. Prettier : มันจัดรูปแบบรหัสของคุณให้ดูเหมือนกันทุกที่ คุณสามารถกำหนดค่าได้ผ่านไฟล์ .prettierrc .prettierignore มีไฟล์ที่ควรเพิกเฉยโดยสวยกว่า มีประโยชน์เมื่อคุณมีไฟล์ขนาดใหญ่หรือเมื่อคุณต้องการจัดรูปแบบที่กำหนดเอง เรียนรู้เพิ่มเติม