เครื่องมือนักพัฒนา

JavaScript บิวตี้ฟายเออร์

จัดรูปแบบ JavaScript ยุ่งๆ ด้วย Prettier ในเบราว์เซอร์ของคุณ เลือกตัวแยกวิเคราะห์ ความกว้าง การเยื้อง เครื่องหมายคำพูด อัฒภาค เครื่องหมายจุลภาคต่อท้าย และการจัดการโค้ดแบบฝัง

ฟอร์แมตเตอร์ JavaScript

อัปเดตเอาต์พุตโดยอัตโนมัติด้วย Prettier ในขณะที่คุณพิมพ์ วาง โหลดไฟล์ หรือเปลี่ยนตัวเลือก การจัดรูปแบบทำงานในเบราว์เซอร์นี้

ตัวเลือก Prettier
รูปแบบปัจจุบัน

-

ไบต์เอาต์พุต
ไบต์อินพุต
0
เพิ่มไบต์แล้ว
0
บรรทัดอินพุต
0
บรรทัดเอาท์พุต
0

วาง JavaScript ที่ถูกต้องเพื่อดูเอาต์พุตที่จัดรูปแบบอัตโนมัติ

บันทึกไว้ในอุปกรณ์นี้

ผลลัพธ์การตกแต่งล่าสุดจะยังคงอยู่ในเบราว์เซอร์นี้เท่านั้น

No data
ยังไม่มีการบันทึกผลลัพธ์การตกแต่งที่สวยงาม

วิธีตกแต่ง JavaScript อย่างปลอดภัย

ฟอร์แมตเตอร์นี้ทำอะไร

การจัดรูปแบบ Prettier

เครื่องมือนี้ใช้ Prettier ในเบราว์เซอร์ ดังนั้นตัวอย่างที่วางจึงตรงกับกฎการจัดรูปแบบเดียวกันกับที่หลายโครงการใช้

ตัวเลือก Prettier จริง

ใช้ตัวแยกวิเคราะห์ ความกว้างในการพิมพ์ แท็บ อัฒภาค เครื่องหมายคำพูด เครื่องหมายจุลภาคต่อท้าย และวงเล็บเหลี่ยมจาก Prettier เอง

ปลั๊กอินภายในเบราว์เซอร์

ปลั๊กอินพาร์เซอร์ JavaScript, TypeScript, HTML, CSS, GraphQL, Markdown และ YAML รวมอยู่ในเครื่องสำหรับการจัดรูปแบบเบราว์เซอร์

ข้อผิดพลาดทั่วไป

เลือกพาร์เซอร์ผิด

หาก TypeScript หรือ TSX ล้มเหลวด้วยตัวแยกวิเคราะห์ JavaScript ให้สลับตัวแยกวิเคราะห์เป็น TypeScript / TSX

คาดว่าจะมีรูปแบบวงเล็บปีกกาแบบกำหนดเอง

Prettier แสดงความคิดเห็น มันไม่ได้เปิดเผยทุกตัวเลือกสไตล์วงเล็บปีกกาหรือช่องว่าง

ใช้เป็นตัวตรวจสอบประเภท

Prettier แยกวิเคราะห์และพิมพ์โค้ด มันไม่ได้พิมพ์รหัสตรวจสอบหรือแทนที่การสร้างโครงการของคุณ

คำแนะนำ

วางก่อน

วางโค้ดหรือเปลี่ยนตัวเลือก จากนั้นเอาต์พุตจะอัปเดตโดยอัตโนมัติด้วยการตั้งค่า Prettier ปัจจุบัน

จับคู่โปรเจ็กต์ของคุณ

ใช้ตัวเลือกความกว้างในการพิมพ์ แท็บ อัฒภาค เครื่องหมายคำพูด และเครื่องหมายจุลภาคต่อท้ายที่โครงการของคุณใช้

บันทึกตัวอย่างที่เป็นประโยชน์

บันทึกผลลัพธ์เมื่อคุณต้องการเปรียบเทียบตัวเลือก หรือใช้ข้อมูลโค้ดเดิมซ้ำในภายหลังในเบราว์เซอร์นี้