IONIC แบบง่ายๆ สไตล์ TMT

IONIC คืออะไร?

IONIC คือ Framework ที่ช่วยให้เราสามารถทำแอพปลิเคชัน Cross platform แบบง่ายขึ้น หรือพูดง่ายๆก็คือ IONIC เป็นเครื่องมือในการสร้าง Mobile Application จาก HTML, CSS และ Javascript ซึ่งแอพที่ถูกสร้างจาก IONIC สามารถใช้งานได้บนระบบปฏิบัติการ Android, iOS และ Windows วันนี้ทีมงาน TMT เลยอยากสอนการใช้ IONIC แบบง่ายๆ ให้ได้ลองกัน เริ่มจาก

เริ่มกันที่ Step 1: Install NodeJS

ไปที่ https://nodejs.org/en/download/ เลือก Download ตาม Operation System ที่ติดตั้งเลยนะครับ

Step 2: Install IONIC

เปิด Command line ขึ้นมาแล้วพิมพ์

npm install -g @ionic/cli

ตรวจสอบการติดตั้ง

lonic -v

Step 3: Start App ก็คือการสร้าง App นั่นเอง

Ionic start <name> <template> [options]

ตัวอย่าง

Ionic start tmtApp tabs

เป็นการสร้าง app ชื่อ tmtApp และใช้ Template tabs ส่วน template และ options สามารถเข้าไปศึกษาเพิ่มเติมได้ที่ https://ionicframework.com/docs/cli/commands/start หรือใครมี vs code ก็สามารถใช้ Terminal ของ vs code ได้เหมือนกันนะครับ เมื่อ Start แล้วจะต้องเลือก Framework Angular และ React ในส่วนนี้ผมขอเลือก Angular ละกัน

Step 4: เมื่อสร้างเสร็จแล้วเราจะมาทดสอบ Run tmtApp

ไปที่ Command เหมือนเดิมแล้วพิมพ์

cd tmtApp
ionic serve

เสร็จแล้วจะได้ App หน้าตาแบบนี้ครับ

เป็นไงหละครับ !! ง่ายใช่มั้ยหละครับ ตอนต่อไปเราจะสอนการใช้ Component ของ IONIC กัน แล้วเจอกันตอนหน้าครับผม