Angular JSIonic FrameworkPhoneGap/Cordova

วิธีสร้างโปรเจค Mobile Application ด้วย Ionic Framework

เรื่องที่เกี่ยวข้อง - Ionic Framework @th, PhoneGap/Cordova

นี่เป็นตอนหนึ่งในซีรี่ย์ เรียนรู้พื้นฐานสร้างแอพ iOS และ Android ด้วย Ionic Framework ครับ

สำหรับวิดีโอนี้ มาสร้างโปรเจค Ionic Framework แรกกับโค้ชพลกันนะครับ

วิดีโอ

ขั้นตอน

1. เปิดโปรแกรม Command Prompt

กดปุ่ม Shift ค้างไว้ แล้วให้คลิกขวาที่ folder ของโปรเจค แล้วเลือกคำสั่ง Open Command Window Here เพื่อเปิดโปรแกรม Command Prompt ขึ้นมา

ในตัวอย่างนี้โค้ชพลจะเปิดโปรแกรม Command prompt ใน folder ที่ชื่อว่า “My_Ionic” ที่สร้างไว้บน Desktop นะ

Folder My_Ionic บน Desktop
My_Ionic บน Desktop

2. ใช้คำสั่งสร้างโปรเจค Ionic Framework

พอเราอยู่ในโปรแกรม Command Prompt แล้ว ให้พิมพ์คำส่ัง

ionic start NextflowApp blank

แล้วกด enter เพื่อเริ่มการดาวน์โหลดและติดตั้งโปรเจคต้นแบบ (Project Template) ไว้ในเครื่องของเราครับ

โดยคำส่ังในการทำงานคือ ionic start และตามด้วยชื่อโปรเจค (NextflowApp) และตามด้วยชื่อของเทมเพลต (blank) นั่นเอง

ดาวน์โหลดและติดตั้งโปรเจค Ionic Framework
ดาวน์โหลดและติดตั้งโปรเจค Ionic Framework

พอการติดตั้งเสร็จสมบูรณ์แล้วก็จะน่าจะเห็นหน้าจอ Command prompt คล้ายๆ ภาพในจอขอโค้ชพลนี่ล่ะ

ติดตั้งโปรเจคของ Ionic Framework เสร็จสมบูรณ์
ติดตั้งโปรเจคของ Ionic Framework เสร็จสมบูรณ์

 

[sc:Promo-below-post ]

เริ่มต้นยุค AI ด้วยคอร์สฟรี และพรีเมี่ยม กับพล

หากชอบสิ่งที่พลเล่า เรื่องที่พลสอน สามารถสนับสนุนพลโดยการเข้าเรียนคอร์สออนไลน์ของพลนะคร้าบ

  • เข้าใจง่าย ใช้ได้จริง ออกแบบการสอนอย่างเข้าใจโดยโค้ชพล
  • มีคอร์สสำหรับคนใช้งานทั่วไป จนถึงเรียนรู้เพื่อใช้งานในสายอาชีพขั้นสูง
  • ทุกคอร์สมีใบประกาศณียบัตรรับรองหลังเรียนจบ

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

Allow All
Manage Consent Preferences
  • Always Active

Save