ต่อกันด้วยเรื่องของ Package ของ ATOM ซึ่งก็ไม่ต่างจาก sublime text เท่าไรนัก เท่าที่ทดสอบดู มันจะต่างกันตรง feature บางอย่างใน atom ไม่มี และบางอย่างก็ต้องอาศัยการตั้งค่าเยอะหน่อย แต่ถือว่าพอรับได้ ซึ่งตรงส่วนของ setting นี่ผมชอบเป็นพิเศษเลยเพราะว่ามันเป็น UI ไม่ใช่แบบ json เหมือน sublime text แต่ของ atom เขาจะเรียกว่า cson ซึ่งนามสกุลไฟล์มันก็จะเป็น .cson นั่นเอง ซึ่งเราก็สามารถเลือกตั้งค่าได้ทั้งแบบ UI และ cson ตามความถนัด
วิธีติดตั้ง Package
1. เลือกที่ File > Settings หรือจะกด Ctrl + , (เครื่องหมาย comma)ก็ได้
2. เลือกไปที่ install จากนั้นพิมพ์ ในช่อง Search Packages เช่น “color-picker” ดังภาพ
3. คลิกที่ปุ่ม Install แล้วรอให้ติดตั้งจนเสร็จ
การติดตั้งง่ายมากๆ แถมถ้ามี update มันก็จะแจ้งเตือนเราแบบนี้ด้วย
Packages แนะนำ
- https://atom.io/packages/atom-beautify
เอาไว้จัดรูปแบบ code ให้สวยๆ สะอาดตา ดูง่ายไม่รกจ้า - https://atom.io/packages/atom-bootstrap3
อันนี้เป็น snippets ของ bootstrap ช่วยให้เรา coding แบบติดจรวด - https://atom.io/packages/docblockr
สำหรับจัดการ block comment ให้ดูดีมีชาติตระกูล - https://atom.io/packages/emmet
เหมือนบน sublime text เลย แต่ Keybindings ต้องซิ๊กแซกหน่อยตอนติดตั้ง เพราะมันอาจจะชน - https://atom.io/packages/file-icons
ใส่ icon menu tree แบบสวยๆ เกร๊ๆ แบบในตัวอย่างด้านบนครับ - https://atom.io/packages/sublime-block-comment
สร้าง block comment แบบปกติ แค่พิมพ์ ctrl + shift + / - https://atom.io/packages/trailing-spaces
เอาไว้แสดง whitespace ส่วนเกิน ซึ่งดีอย่างที่ atom มันจะมี function ลบเจ้า trailing ให้อัตโนมัติ เพื่อลดขนาดของ code ลงได้ - https://atom.io/packages/highlight-selected
เอาไว้ highlight ข้อความที่เรา select รวมไปถึงส่วนที่เหมือนกันด้วย - https://github.com/AtomLinter/linter-php
เอาไว้แจ้ง error ของ php แบบ inline ไม่ต้องไปเสียเวลา refresh หน้าต่างใหม่
((อ่านวิธีติดตั้งและตั่งค่า))
Thanikul Sriuthis
Full-Stack Developer, Health Informatician