Sublime พร้อม! กับการพัฒนาโมบายล์แอพด้วย Ionic Framework และ AngularJS

ช่วงหลังๆ นี้โค้ชพลเริ่มติด Sublime Text แฮะ (Dreamweaver CC ก็ยังใช้เป็นเครื่องมือหลักอยู่น้า) เพราะส่วนหนึ่งคือหลายๆ ครั้งเป็นการแก้ code เล็กๆ น้อยๆ

แต่สำหรับการใช้ AngularJS กับ Ionic Framework นี่มันใช้ได้ดีพอตัว เลยสรุปวิธีติดตั้ง Sublime Text 3 และ Package ที่โค้ชพล เคยเอาไปสอนที่ Samart Telecom (SAMTEL) มาไว้ที่นี่ เผื่อใครเริ่ม ก็จะเริ่มได้สะดวกหน่อย 😉

มาดูกันเลย

วิธีติดตั้ง Sublime Text

1. ดาวน์โหลด และติดตั้งโปรแกรม Sublime Text: http://www.sublimetext.com/3
2. ดาวน์โหลด และติดตั้งระบบ Node JS จาก http://www.nodejs.org (ดูวิดีโอแนะนำการติดตั้งสำหรับ Windows และ Mac OS X)
3. ติดตั้ง Package Control
   1. copy ข้อความในกล่องที่อยู่ใน Web page: https://sublime.wbond.net/installation
   2. เปิด Console View ของ Sublime Text (ไปที่ View > Show Console)
   3. วางข้อความไว้ใน Console View แล้วกด Enter
   4. หลังระบบติดตั้งเสร็จแล้วให้ปิด และเปิดโปรแกรมใหม่
4. ติดตั้ง Package ที่ต้องการ
   1. เปิดคำสั่ง Command โดยกดปุ่ม Ctrl + Shift + P
   2. พิมพ์ install เพื่อหาคำสั่ง Package Control: Install Package เลือกแล้วกด Enter
   3. ระบบจะโหลดรายชื่อ Package (สังเกตจากด้านล่างของโปรแกรม) ให้ค้นหา และ install package ดังต่อไปนี้

รายชื่อ Package

• All AutoComplete
• AutoFileName
• AngularJS
• TypeScript
• Sidebar Enhancement
• Ionic Framework Snippet (v.2.1)
• Git
• HTML-CSS-JS Prettify
• Emmet (ติดตั้งเสร็จแล้ว จะมีการติดตั้ง PyV8 เพิ่มเติม โดยการแสดงสถานะด้านล่างโปรแกรม ให้แน่ใจว่าการติดตั้งเสร็จแล้ว ค่อย restart โปรแกรม)

เท่านี้ก็พร้อมแล้ว

สนใจเรื่องทำ Mobile App ด้วย HTML5 กับ PhoneGap/Cordova คลิกเริ่มต้นที่นี่

หรือ Ionic Framework ก็คลิกเริ่มต้นได้ที่นี่นะครับ

[sc:Promo-below-post ]