รวม Package ที่ควรมีติด Atom สำหรับ Web Developer


รวม Atom Package ที่ควรมีติดไว้ใช้งาน

Emmet

Emmet ช่วยให้สามารถเขียน HTML และ CSS ได้รวดเร็วมากยิ่งขึ้น สามารถดู Cheat Sheet เพิ่มเติมได้ https://atom.io/packages/emmet

Minimap

Minimap มีหน้าตาคล้าย Sublime Text ซึ่งเป็น แถบเลื่อนเล็กๆ ไว้แสดงตำแหน่งปัจจุบันของ Code https://atom.io/packages/minimap

 

Beautify

หากต้องการจัดรูปแบบ Code Beautify คือทางออก สามารถจัดรูปแบบได้หลากหลายภาษา https://atom.io/packages/atom-beautify

 

Pigments

หาก Code ของเรามีการเรียกใช้งานสีสัน Pigments จะระบายสีให้เลย https://atom.io/packages/pigments

 

Highlight Selected

เป็นการทำ Highlight Code เมื่อเราเลือก หากมี code ที่เหมือนกัน atom จะเลือกให้เราอัตโนมัติ ทำให้สามารถรู้ว่า code นี้อยู่ตำแหน่งไหนบ้าง https://atom.io/packages/highlight-selected

 

File Icons

เป็น Icon แสดงไฟล์ต่างๆ ตามประเภทไฟล์ ช่วยให้สะดวกในการสังเกตไฟล์มากขึ้น https://atom.io/packages/file-icons

Autoclose HTML

เป็น package ที่มีไว้สำหรับปิด tag html โดยอัตโนมัติ https://atom.io/packages/autoclose-html

Linter

เป็น package สำหรับตรวจสอบ Error ต่างๆ ได้หลายภาษา https://atom.io/packages/linter

Remote-FTP 


เป็น package จาก Atom editor ที่ให้เราเข้าถึงไฟล์และ folder ต่างๆบน Host ได้ง่ายดายในลักษณะ Tree view แถมยัง support ได้หมดทั้ง FTP/FTPS/SFTP ทำให้การทำงานบน Project ที่ Run ไปแล้วง่ายขึ้นเป็นกอง แก้เสร็จอ่ะ อัพไปเลยแค่กด save ใครมองหาอยู่เสพได้ตามนี้เลยครับ
Link: https://atom.io/packages/remote-ftp

ที่มา 
10 Essential Atom Add-ons
http://www.hongkiat.com/blog/useful-atom-packages/

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องที่ต้องการถูกทำเครื่องหมาย *