หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ส่วนประกอบของบุคคลที่สาม
ดาวน์โหลด

โครงการเริ่มต้นสำหรับ VITE ด้วย React + MUI โดยใช้ typeScript

การผสมผสานของ NPM สร้าง VITE และ MUI ด้วยชุดของส่วนประกอบและยูทิลิตี้ที่นำกลับมาใช้ใหม่เพื่อสร้างแอปพลิเคชันตอบสนองระดับมืออาชีพได้เร็วขึ้น

  • รหัสต้นฉบับ
  • การสาธิตออนไลน์

รวมถึง:

  • สวยกว่า สำหรับการจัดรูปแบบรหัส
  • ESLINT สำหรับการตรวจสอบข้อผิดพลาด
  • Vitest (หรือ jest ) พร้อม ห้องสมุดทดสอบ สำหรับการทดสอบส่วนประกอบและตะขอ
  • ชุด ส่วนประกอบ ทั่วไป ตะขอ ที่มีประโยชน์และ ยูทิลิตี้ ที่จำเป็น
  • การจัดการสถานะโดยใช้ บริบท API
  • รูปแบบ สาธารณะ และ ส่วนตัว ที่แตกต่างกันและกำหนดเอง
  • ตะขอและเหตุการณ์ การตรวจสอบความถูกต้อง ขั้นพื้นฐาน
  • โหมด มืด และ แสง พร้อมสลับ
  • Favicon และ Manifest สำหรับ PWA

วิธีใช้

  1. โคลนหรือดาวน์โหลด repo จาก: https://github.com/karpolan/react-mui-vite-ts
  2. คัดลอกไฟล์ .env.example ลงในไฟล์ .env
  3. แทนที่ _TITLE_ และ _DESCRIPTION_ ในไฟล์ทั้งหมดที่มีข้อความของตัวเอง
  4. ตรวจสอบและแก้ไขทั้งหมด // TODO: คำสั่ง
  5. เพิ่มรหัสของคุณเอง :)

สคริปต์ที่มีอยู่

ในไดเรกทอรีโครงการคุณสามารถเรียกใช้:

npm run dev

รันแอพในโหมดการพัฒนา
เปิด http: // localhost: 3000 เพื่อดูในเบราว์เซอร์

หน้าจะโหลดซ้ำหากคุณทำการแก้ไข
คุณจะเห็นข้อผิดพลาดผ้าสำลีในคอนโซล

npm run lint

ตรวจสอบรหัสสำหรับข้อผิดพลาดและสิ่งที่ขาดหายไป

npm run format

รูปแบบรหัสตาม ./prettier.config.mjs config

npm test

เปิดตัวนักวิ่งทดสอบในโหมดนาฬิกาแบบโต้ตอบ

npm run build

สร้างแอพสำหรับการผลิตหรือการพัฒนาท้องถิ่นไปยังโฟลเดอร์ dist

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด