ข้ามไปยังเนื้อหาหลัก
ProgrammerThailand

เครื่องมือสำหรับนักพัฒนา (Developer Tools)

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

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

 

ติดปัญหาตอนทำตาม? ถามในชุมชน

ความคิดเห็น (0)

ยังไม่มีความคิดเห็น — เริ่มคุยเป็นคนแรก ถามสิ่งที่สงสัย หรือแชร์ประสบการณ์ของคุณ