เครื่องมือสร้าง .editorconfig
สร้างไฟล์ .editorconfig ออนไลน์ พร้อมกำหนด indentation, line endings, charset และกฎการจัดการ whitespace ทำให้ code style สอดคล้องกันทุก editor
Loading tool...
เครื่องมือสร้าง .editorconfig คืออะไร?
ตัวสร้าง EditorConfig สร้างไฟล์ .editorconfig ที่กำหนดกฎ coding style ที่สอดคล้องกันสำหรับ indentation, line endings, การเข้ารหัสตัวอักษร และการจัดการ whitespace เนื่องจากไฟล์อยู่ที่ root ของโปรเจกต์ editor และ IDE ทุกตัวที่รองรับ EditorConfig จะนำกฎเดียวกันไปใช้กับนักพัฒนาทุกคนในทีมโดยอัตโนมัติ เครื่องมือฟรีนี้สร้าง .editorconfig ที่ถูกต้องในไม่กี่วินาที — ไม่ต้องสมัคร ไม่มีข้อมูลออกจากเบราว์เซอร์
ประโยชน์หลัก
- บังคับกฎ indentation และ style เหมือนกันทุก editor และทุก OS
- editor อ่านไฟล์อัตโนมัติ — ไม่ต้อง sync settings ด้วยมือ
- กฎราย file pattern สำหรับ JavaScript, Python, YAML, Markdown และอื่น ๆ
- จบปัญหาการถกเถียง tabs กับ spaces และ LF กับ CRLF ใน code review
- ไฟล์เดียวที่ repo root คุมทั้งโปรเจกต์รวมถึง subdirectories
กรณีการใช้งาน
- •Onboarding สมาชิกใหม่ให้ format code ตรงกันตั้งแต่วันแรก
- •จบ conflict เรื่อง tabs กับ spaces และ line endings ในทีมที่ใช้หลาย OS
- •ทำมาตรฐานเดียวกันทั้ง monorepo ด้วย section รายภาษา
- •เตรียม open-source project ให้ contributor format code สม่ำเสมอ
- •ใช้คู่กับ Prettier หรือ formatter เพื่อกำหนด default ระดับ editor
วิธีใช้ตัวสร้าง EditorConfig
- เลือกกฎ indentation และรูปแบบไฟล์: เลือก indent style (space หรือ tab), indent size, end-of-line (LF, CRLF หรือ CR) และ charset กฎเหล่านี้จะมีผลกับไฟล์ที่ตรงกับ section pattern
- ตั้งค่าตัวเลือก whitespace: สลับ trim_trailing_whitespace และ insert_final_newline รวมถึงกำหนด max_line_length (ไม่บังคับ) หากเว้นว่างไว้ property นี้จะไม่ถูกใส่ในไฟล์
- เลือก section pattern: ใช้ * เพื่อกำหนดทุกไฟล์ หรือใช้ glob เช่น *.js, *.{js,ts} หรือ lib/** เพื่อจำกัดกฎเฉพาะบาง file type หรือบาง folder
- คัดลอกหรือดาวน์โหลดไฟล์: ตรวจสอบ live preview แล้วคัดลอก config ไปยัง clipboard หรือดาวน์โหลดเป็นไฟล์ .editorconfig แล้ววางไว้ที่ root ของโปรเจกต์
คุณสมบัติหลัก
- รองรับ property ครบทุกตัว: indent_style, indent_size, tab_width, end_of_line, charset, trim_trailing_whitespace, insert_final_newline และ max_line_length
- Live preview อัปเดตทันทีเมื่อเปลี่ยนค่าตั้งต่าง ๆ
- รองรับ section patterns แบบยืดหยุ่น เช่น *, *.js หรือ lib/** สำหรับกำหนดกฎราย file type
- สลับ Root flag เพื่อระบุว่าเป็นไฟล์ EditorConfig บนสุดของ repository
- คัดลอกหรือดาวน์โหลดไฟล์ .editorconfig ได้ในคลิกเดียว ทำงานในเบราว์เซอร์ 100%
คำถามที่พบบ่อย
ไฟล์ .editorconfig คืออะไร?
เป็นไฟล์ text ธรรมดาที่กำหนดกฎ coding style เช่น indentation, line endings, charset และการจัดการ whitespace ซึ่ง editor ที่รองรับจะนำไปใช้อัตโนมัติ ไฟล์นี้อยู่ใน repository ของคุณ ทำให้ทุกคนในทีมได้ settings เหมือนกันโดยไม่ต้องตั้งค่าเอง
editor ไหนบ้างที่รองรับ EditorConfig?
VS Code (ผ่าน extension), JetBrains IDE เช่น IntelliJ และ WebStorm, Sublime Text, Vim, Emacs, Notepad++ และ Visual Studio ล้วนรองรับ ส่วนใหญ่จะอ่านไฟล์อัตโนมัติเมื่อติดตั้ง plugin เรียบร้อยแล้ว
root = true หมายความว่าอะไร?
เป็นการระบุว่าไฟล์นี้เป็นไฟล์ .editorconfig บนสุดของโปรเจกต์ เมื่อ editor พบไฟล์ที่มี root = true จะหยุดค้นหาไฟล์ config เพิ่มเติมใน parent directories ช่วยป้องกันการได้รับกฎจาก folder ที่อยู่เหนือ repository ของคุณโดยไม่ตั้งใจ
กำหนดกฎต่างกันตาม file type ได้ไหม?
ได้ ไฟล์ EditorConfig รองรับหลาย section ที่ใช้ glob pattern ตัวอย่างเช่น ใช้ [*] สำหรับค่า default, [*.py] กับ indent_size = 4 สำหรับ Python และ [*.{yml,yaml}] กับ indent_size = 2 สำหรับ YAML โดย section ที่อยู่ท้ายกว่าจะ override section ก่อนหน้าสำหรับไฟล์ที่ตรงกัน