TL
Tool Lab
💰Donate
💰Donate

TypeScript Beautifier

จัดรูปแบบและทำให้โค้ด TypeScript สวยงามด้วยการเยื้องที่ปรับแต่งได้

TypeScript ที่ป้อน
ผลลัพธ์ที่จัดรูปแบบแล้ว

เกี่ยวกับเครื่องมือนี้

เครื่องมือจัดรูปแบบ TypeScript ทำให้โค้ด TypeScript สวยงามโดยใช้การเยื้องที่สอดคล้องกัน วางโค้ด TypeScript ที่บีบอัดหรือมีการเยื้องไม่ดีและรับผลลัพธ์ที่สะอาดด้วยการเยื้อง 2 หรือ 4 ช่องว่าง

การจัดรูปแบบทั้งหมดทำงานในเบราว์เซอร์ — ไม่มีโค้ดถูกส่งไปยังเซิร์ฟเวอร์ ใช้อัลกอริทึมการไหลซ้ำตามการเยื้อง

วิธีใช้งาน

  1. วางโค้ด TypeScript ในพื้นที่ป้อนข้อมูล หรือคลิกตัวอย่าง
  2. เลือกขนาดการเยื้อง: 2 หรือ 4 ช่องว่าง
  3. คลิกจัดรูปแบบเพื่อใช้การจัดรูปแบบ
  4. คลิกคัดลอกเพื่อคัดลอกผลลัพธ์ที่จัดรูปแบบแล้วไปยังคลิปบอร์ด

กรณีการใช้งาน

นักพัฒนาอ่าน TypeScript ที่บีบอัดจากผลลัพธ์บิลด์ ผู้ตรวจสอบโค้ดจัดรูปแบบโค้ดก่อนแชร์ นักพัฒนาที่ไม่มี IDE ใช้เป็นเครื่องมือจัดรูปแบบออนไลน์ด่วน

คำถามที่พบบ่อย

  • จัดรูปแบบ generics ได้ถูกต้องไหม?Generics พื้นฐานได้รับการจัดการ Generics ที่ซับซ้อนหรือ conditional types อาจไม่จัดรูปแบบสมบูรณ์
  • สามารถจัดรูปแบบ JavaScript ด้วยเครื่องมือนี้ได้ไหม?ได้ TypeScript เป็น superset ของ JavaScript ดังนั้น JavaScript ที่ถูกต้องก็เป็นข้อมูลป้อนที่ถูกต้อง
  • เหมือน Prettier ไหม?ไม่ Prettier ทำการจัดรูปแบบด้วย AST อย่างสมบูรณ์ เครื่องมือนี้ทำการไหลซ้ำตามการเยื้อง เร็วกว่าแต่แม่นยำน้อยกว่า