เรียนรู้วิธีใช้ Sublime Text ง่ายๆ สำหรับ Web Designer/Developer

รู้จักกับ Sublime Text

ถ้าคุณใช้ Windows คุณก็ต้องรู้จักโปรแกรมอย่าง NotePad

ถ้าคุณใช้ Mac OS X คุณก็ต้องรู้จักกับ TextEdit แน่ๆ

Sublime Text มีรูปแบบการใช้งานคล้ายกับ 2 ตัวนี้มากครับ เพียงแต่มันถูกออกแบบมาให้ทำงานกับพวก code สำหรับการเขียนเว็บ หรือเขียนโปรแกรมต่างๆ โดยเฉพาะครับ

ดังนั้นถ้าคุณทำงานด้านพัฒนา กับออกแบบ Website หรือ Web application และต้องการเครื่องมือที่ไม่แพงแต่ช่วยให้ทำงานเสร็จเร็วขึ้น ก็น่าพิจารณา Sublime Text เอาไปใช้งานกัน

Sublime Text ราคาเท่าไหร่?

Sublime Text เปิดให้ Download มาใช้ฟรี เพียงแต่จะมีหน้าต่างแจ้งให้ชำระเงินปรากฎขึ้นมาให้กวนใจบ่อยๆ (เพื่อนๆ ผมบางคนก็บอกว่า ไม่เป็นไร ทำใจได้ :D)

แต่ถ้าสนใจอุดหนุนนักพัฒนา ปัจจุบันที่ผมอัพเดตบทความล่าสุดนี้ Sublime Text มีราคาอยู่ที่ $70 หรือประมาณ 2,100 บาท แต่ซื้อแล้ว ไม่จำกัดจำนวนเครื่องลง

ของดีๆ อย่างนี้ ซื้อเถอะ ของเขาดีจริงๆ

ภาษาที่ Sublime Text รองรับการทำงาน

ส่วนใหญ่ก็ มี ‘Package’ (ส่วนเสริมการทำงาน) ช่วยอำนวยความสะดวกกับภาษาหลักๆ ของ Web Designer และ Web Developer ครับ เช่น

• HTML
• CSS
• Javascript
• JQuery
• JQuery Mobile
• LESS
• SASS
• Python
• Ruby on Rails

จริงๆ มีเยอะกว่านี้ ลองดูได้ในหัวข้อ “รู้จักกับ Package และวิธีติดตั้ง” ด้านล่าง

รู้จักกับ Package และวิธีติดตั้ง

“Package” เป็นส่วนเสริมของโปรแกรม Sublime Text มีหน้าที่เพิ่มความสะดวกสบายในการใช้ Sublime Text ครับ จะเข้าใจว่ามันเป็น Plugin หรือ Extension ก็ได้

ส่วนใหญ่ Package จะฟรีครับ

ผมทำวิดีโอแนะนำวิธีติดตั้ง Package กันง่ายๆ และ Package ที่ผมใช้ และคุณควรมีเอาไว้ด้านล่างแล้ว

Link สำหรับคำสั่งติดตั้ง Package Control

• https://sublime.wbond.net/installation

รายชื่อของ Package ที่ผมใช้

1. Emmet
2. JQuery
3. JQuery Mobile 4 snippet
4. HTML-CSS-JS Prettify