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 ]

Leave a Reply

Your email address will not be published. Required fields are marked *

Fill out this field
Fill out this field
Please enter a valid email address.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Menu