เกี่ยวกับ Prettier Config
เครื่องมือฟรีและโอเพ่นซอร์สที่สร้างขึ้นเพื่อช่วยนักพัฒนาตั้งค่า Prettier โดยไม่ต้องยุ่งยาก
เครื่องมือนี้คืออะไร?
Prettier Config Generator เป็นเว็บแอปพลิเคชันแบบโต้ตอบที่ทำให้การตั้งค่า Prettier เป็นเรื่องง่าย แทนที่จะเขียน JSON ด้วยตนเองและค้นหาแต่ละออปชันในเอกสาร คุณสามารถสลับและปรับทุกการตั้งค่า Prettier แบบเห็นภาพ จัดรูปแบบโค้ดจริงตามคอนฟิกของคุณใน 16 ภาษา และแชร์ผลลัพธ์ด้วยลิงก์เดียว สร้างขึ้นเพื่อนักพัฒนาที่ต้องการใช้เวลาเขียนโค้ดมากกว่าตั้งค่าเครื่องมือ
ฟีเจอร์
นำเข้าคอนฟิกที่มีอยู่ของคุณ
วาง .prettierrc, prettier.config.js หรือคีย์ prettier จาก package.json ที่มีอยู่ — ฟอร์มจะตั้งค่าให้ตรงกันทันที ปรับแต่ง แชร์ หรือคัดลอกออก โดยรักษาทุกคีย์ไว้ครบถ้วน
ทุกเวอร์ชันของ Prettier
เลือก Prettier 3.x รุ่นใดก็ได้ (3.0 – 3.6 และ latest) ตัวเลือกที่ตรงกับเวอร์ชันนั้นจะถูกโหลดตามต้องการจาก jsDelivr
ทุกภาษา ทั้งสองแท็บ
แท็บ Preview มาพร้อมตัวอย่างที่ออกแบบมาเฉพาะสำหรับแต่ละ parser (TypeScript / JS, CSS, HTML, JSON / JSON5 / JSONC, Markdown, YAML, Vue, GraphQL และอื่นๆ อีกมาก) เพื่อให้ทุกออปชันของ Prettier มีที่ให้แสดงผล ส่วนแท็บ Your Code จะตรวจจับ parser จากโค้ดที่คุณวางโดยอัตโนมัติ พร้อมตัวเลือกแทนที่ด้วยตนเอง
เอดิเตอร์โค้ดจริง
CodeMirror 6 ขับเคลื่อนพาเนลอินพุตด้วย syntax highlighting หมายเลขบรรทัด การเยื้องด้วย tab และธีมที่เข้ากับโหมดสว่าง/มืด
คอนฟิกที่แชร์ได้
คลิกแชร์แล้วเวอร์ชัน ตัวเลือก โค้ด และพาร์เซอร์ของคุณจะถูกแพ็คใส่ URL hash ส่งไปที่ไหนก็ได้ ทุกอย่างยังอยู่ในเบราว์เซอร์
Diff สไตล์ GitHub
เห็นชัดเจนว่า Prettier เปลี่ยนอะไรด้วย diff แบบรวมหรือแยก พร้อมส่วนหัวสรุป +X / −Y เหมือน pull request
ตัวนับโทเค็น AI
นับโทเค็นสำหรับอินพุตและเอาต์พุตแบบเรียลไทม์ใน GPT-4o, GPT-4, GPT-3.5, Claude, Gemini, Llama 3 และ Mistral — มีประโยชน์สำหรับประเมินต้นทุนของ AI pipeline
แสดงข้อผิดพลาดในการพาร์ซ
เมื่อ Prettier ปฏิเสธอินพุตของคุณ SyntaxError จริงและตำแหน่งบรรทัด:คอลัมน์จะปรากฏเหนือ diff แทนที่จะถูกซ่อนไว้เงียบๆ
ตัวเลือกที่จดจำได้
เวอร์ชัน Prettier และตัวเลือกออปชันของคุณจะถูกบันทึกใน localStorage ดังนั้นการรีเฟรช — หรือกลับมาในวันรุ่งขึ้น — ทุกอย่างยังคงอยู่
20 ภาษา
รองรับการแปลครบทั้งภาษาอังกฤษ ไทย จีน สเปน ฮินดี เยอรมัน ฝรั่งเศส โปรตุเกส ญี่ปุ่น เกาหลี รัสเซีย เวียดนาม อินโดนีเซีย อิตาลี โปแลนด์ ตุรกี ยูเครน เบงกาลี รวมถึงอาหรับและเปอร์เซีย (RTL)
สร้างด้วย
โอเพ่นซอร์ส
เครื่องมือนี้ฟรีและโอเพ่นซอร์สทั้งหมด ยินดีรับการมีส่วนร่วม รายงานข้อผิดพลาด และข้อเสนอแนะ
ดูบน GitHubผู้สร้าง
สร้างโดย
NooobtimeXสร้างด้วยความตั้งใจเพื่อชุมชนนักพัฒนา หากคุณพบว่าเครื่องมือนี้มีประโยชน์ กรุณากดดาวที่ repository บน GitHub