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

wave
มานพ กองอุ่น 12 พ.ค. 2016, 17:06:04 19,005

รวม 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

ที่มา 
http://www.sitepoint.com/10-essential-atom-add-ons/
http://www.hongkiat.com/blog/useful-atom-packages/

 


ความคิดเห็น

หากบทเรียนรู้มีความผิดพลาดประการใด หรือมีข้อเสนอแนะกรุณาแจ้ง contact@programmerthailand.com

เขียนบทเรียนรู้ของคุณ

รายละเอียด
  • ดู 19,005
  • รักเลย 0
  • หมวดหมู่ เครื่องมือสำหรับนักพัฒนา (Developer Tools)
  • เขียนเมื่อ
  • แก้ไขเมื่อ
  • Tags atom package
ข้อมูลผู้เขียน
มานพ กองอุ่น

มานพ กองอุ่น

เป็นสมาชิกเมื่อ: 18 ธ.ค. 2009