เสริมความสามารถให้กับ Brackets

มาเสริมความสามารถให้กับ Brackets กันเถอะ

ก่อนที่จะแนะนำ Extension เด็ดๆ เรามาดูวิธีการลง Extension กันก่อนครับ
1. อันดับแรกไปที่ File --> Extension Manager... จะได้หน้าต่างออกมาตามรูปด้านล่างครับ

2. พิมพ์ชื่อ Extension ในช่อง Search
3. อยากลงตัวไหน กดปุ่ม install ด้านขวาได้เลย หรือถ้าต้องการอ่านรายละเอียดและวิธีการใช้ ให้กดไปที่ More info... ของแต่ละตัวได้เลยครับ

ทีนี้มาลองดู Extension ของ Brackets ที่ขาดไม่ได้เลยกันบ้างนะครับ:
• Emmet: ตัวนี้ห้ามขาดเลยโดยเด็ดขาด เพราะว่าจะช่วยให้เราทำงานได้เร็วขึ้น ลองลงก่อน แล้วพิมพ์ตามนี้นะครับ ul>li*4
  แล้วกด TAB นะครับ แล้วลองดูผลครับ จะรู้ว่าทำไมถึงบอกว่าห้ามพลาดครับ
• Beautify: ตัวนี้จะช่วยจัด indent ให้กับ Code ที่เละเทะของเราครับ เพียงแค่เลือก code ที่ต้องการจะ indent แล้วกด Ctrl+Shift+L
• Indent Guides: อันนี้จะช่วยให้เราเห็นเส้นว่ากด TAB ไปแล้วกี่ทีครับ
• Brackets Color Palette: ใช้จิ้มที่รูป เพื่อดึงค่า HEX ของสีออกมาใช้ครับ ไว้จะอธิบายเพิ่มเติมในอีกบทความนึงนะครับ
• Autoprefixer: เวลาเราเขียน CSS บางทีเราจำเป็นต้องใส่ prefixer ด้วย Extension ตัวนี้จะช่วยใส่ให้เราอัตโนมัติเวลา SAVE ครับ ช่วยงานเราได้เลยทีเดียว
• W3C Validation: บางคนจะเคร่ง W3C มาก แต่ก็ไม่รู้ว่าจะแก้ไขยังไง ให้ตรงกับ W3C เพียงแค่ลง Extension ตัวนี้ คุณจะตรวจ HTML Tag ของคุณได้ในพริบตา

* ผมขอออกตัวก่อนนะครับ ว่าผมไม่ได้เก่งกาจอะไร เพียงแต่ขอนำเสนอเท่านั้นเอง