ดาวน์โหลด prolog app - แหล่งที่มา prolog app

prolog app

โค้ดแหล่งที่มา AI

1.0.0

ดาวน์โหลด

ที่เก็บนี้เป็นส่วนหนึ่งของตัวจำลองงาน React ที่คุณทำงานในสภาพแวดล้อมแบบมืออาชีพพร้อมเครื่องมือขั้นสูงและเวิร์กโฟลว์ คุณใช้งานตามการออกแบบที่เริ่มต้นจากการแก้ไขข้อผิดพลาดเล็ก ๆ ไปจนถึงคุณสมบัติที่เต็มไปด้วยเป่า โดยพื้นฐานแล้วคุณเรียนรู้หลายสิ่งหลายอย่างที่คุณมักจะได้สัมผัสเมื่อคุณเข้าร่วมทีมตอบโต้มืออาชีพ

แอปพลิเคชัน

แอปพลิเคชันเป็นเครื่องมือในการบันทึกข้อผิดพลาดและเครื่องมือตรวจสอบคล้ายกับ Sentry หรือ Rollbar คุณสามารถค้นหาสาขาหลักที่ปรับใช้ได้ที่ prolog.profy.dev หมายเหตุ: คุณต้องคลิกลิงก์ "แดชบอร์ด" ที่มุมขวาบนเพื่อดูแอพดังที่แสดงในภาพหน้าจอด้านล่าง

แอปพลิเคชันที่กำลังทำงานอยู่

Codebase Tour

ดูวิดีโอนี้สำหรับทัวร์ผ่าน Codebase

Codebase Tour

เริ่มต้น

1. โคลน & ติดตั้ง

โครงการนี้สร้างขึ้นด้วยโมดูล Next.js, TypeScript, Cypress & SCSS ในกลุ่มอื่น ๆ ในการเริ่มต้นทำงานในโครงการให้โคลนที่เก็บข้อมูลบนเครื่องในเครื่องของคุณและติดตั้งการพึ่งพา

npm install

2. สร้างไฟล์. env

คัดลอกไฟล์ .env.template ไปยังไฟล์ใหม่ที่เรียกว่า .env ไฟล์นี้มีตัวแปรสภาพแวดล้อมที่ต้องการที่ถูกฉีดโดย next.js ผ่านแพ็คเกจ dotenv

3. เรียกใช้เซิร์ฟเวอร์การพัฒนา

สุดท้ายเรียกใช้เซิร์ฟเวอร์การพัฒนา:

npm run dev

ตอนนี้คุณสามารถเปิด http: // localhost: 3000 พร้อมเบราว์เซอร์ของคุณเพื่อดูแอปพลิเคชัน

ส่วนขยายรหัส VS ที่แนะนำ

โครงการนี้ใช้เครื่องมือเช่น ESLINT, Stylelint และ Prettier เพื่อใช้ประโยชน์จากเครื่องมือเหล่านี้มากที่สุดขอแนะนำให้ติดตั้งส่วนขยายที่สอดคล้องกัน สำหรับรหัส VS นั่นคือ:

eslint
stylelint
สวยกว่า
SCSS Intellisense (เช่นสำหรับการเพิ่มความสมบูรณ์ของตัวแปร SCSS)
ตอบสนองโมดูล CSS (เช่นเพื่อเปิดนิยามคลาส CSS ด้วย CMD/CTRL + คลิกและเตือนเกี่ยวกับชื่อคลาสที่ไม่มีอยู่จริง)

ส่วนขยาย Stylelint อย่างเป็นทางการอาจต้องมีการปรับ settings.json ของคุณ หากไม่ได้ผลจากกล่องลองเพิ่มบรรทัดเหล่านี้:

 "css.validate": false,
"less.validate": false,
"scss.validate": false,
"stylelint.validate": ["css", "scss"],

ส่วนขยายเพิ่มเติมที่ฉันพบว่ามีค่ามากคือ

Code Checker Gitlens SVG GitHub Copilot (ชำระแล้ว)

การทดสอบ

โครงการนี้ครอบคลุมด้วยการทดสอบไซเปรส แม้ว่าการทดสอบส่วนใหญ่สำหรับแอพการผลิตจะถูกเขียนด้วยไลบรารีการทดสอบปฏิกิริยา Cypress เป็นตัวเลือกที่ดีที่สุดในการเริ่มต้นด้วยการทดสอบ เมื่อคุณยังใหม่กับการทดสอบการเริ่มต้นอาจยุ่งยากมากและรู้สึกว่าคุณอยู่ในสภาพแวดล้อมที่สมบูรณ์แบบ

Cypress ทำให้การเริ่มต้นใช้งานง่ายขึ้นมาก คุณยังต้องชินกับวิธีการเขียนโค้ดใหม่ แต่ต้องขอบคุณการดีบัก UI ที่ยอดเยี่ยมนั้นง่ายและคล้ายกับสิ่งที่คุณใช้จากเบราว์เซอร์ของคุณ

การทดสอบไซเปรส