TypeScript Beautifier
จัดรูปแบบและทำให้โค้ด TypeScript สวยงามด้วยการเยื้องที่ปรับแต่งได้
TypeScript ที่ป้อน
→
ผลลัพธ์ที่จัดรูปแบบแล้ว
เกี่ยวกับเครื่องมือนี้
เครื่องมือจัดรูปแบบ TypeScript ทำให้โค้ด TypeScript สวยงามโดยใช้การเยื้องที่สอดคล้องกัน วางโค้ด TypeScript ที่บีบอัดหรือมีการเยื้องไม่ดีและรับผลลัพธ์ที่สะอาดด้วยการเยื้อง 2 หรือ 4 ช่องว่าง
การจัดรูปแบบทั้งหมดทำงานในเบราว์เซอร์ — ไม่มีโค้ดถูกส่งไปยังเซิร์ฟเวอร์ ใช้อัลกอริทึมการไหลซ้ำตามการเยื้อง
วิธีใช้งาน
- วางโค้ด TypeScript ในพื้นที่ป้อนข้อมูล หรือคลิกตัวอย่าง
- เลือกขนาดการเยื้อง: 2 หรือ 4 ช่องว่าง
- คลิกจัดรูปแบบเพื่อใช้การจัดรูปแบบ
- คลิกคัดลอกเพื่อคัดลอกผลลัพธ์ที่จัดรูปแบบแล้วไปยังคลิปบอร์ด
กรณีการใช้งาน
นักพัฒนาอ่าน TypeScript ที่บีบอัดจากผลลัพธ์บิลด์ ผู้ตรวจสอบโค้ดจัดรูปแบบโค้ดก่อนแชร์ นักพัฒนาที่ไม่มี IDE ใช้เป็นเครื่องมือจัดรูปแบบออนไลน์ด่วน
คำถามที่พบบ่อย
- จัดรูปแบบ generics ได้ถูกต้องไหม? — Generics พื้นฐานได้รับการจัดการ Generics ที่ซับซ้อนหรือ conditional types อาจไม่จัดรูปแบบสมบูรณ์
- สามารถจัดรูปแบบ JavaScript ด้วยเครื่องมือนี้ได้ไหม? — ได้ TypeScript เป็น superset ของ JavaScript ดังนั้น JavaScript ที่ถูกต้องก็เป็นข้อมูลป้อนที่ถูกต้อง
- เหมือน Prettier ไหม? — ไม่ Prettier ทำการจัดรูปแบบด้วย AST อย่างสมบูรณ์ เครื่องมือนี้ทำการไหลซ้ำตามการเยื้อง เร็วกว่าแต่แม่นยำน้อยกว่า