🔖 หมวดบทเรียน: การเริ่มต้นสร้างโปรเจกต์ด้วย Flutter
📌 เหมาะสำหรับ: ผู้ที่ติดตั้ง SDK เรียบร้อยแล้ว และพร้อมสร้างแอปตัวอย่างแรก
🎯 เป้าหมาย: สร้างแอปแรกด้วย Flutter ได้สำเร็จ พร้อมเข้าใจโครงสร้างไฟล์เบื้องต้น
🧭 เกริ่นนำ
หลังจากที่คุณติดตั้ง Flutter SDK และตั้งค่าทุกอย่างเรียบร้อยแล้ว ขั้นตอนต่อไปคือการสร้างแอปแรกของคุณด้วยคำสั่งง่ายๆ ในไม่กี่บรรทัด Flutter มีเครื่องมือ CLI (Command Line Interface) ที่ช่วยให้คุณสามารถเริ่มโปรเจกต์ใหม่ได้ภายในไม่กี่วินาที บทนี้จะแนะนำคำสั่ง flutter create และโครงสร้างเริ่มต้นของโปรเจกต์ พร้อมทดลองรันแอปครั้งแรกบน emulator หรือมือถือจริง เหมาะสำหรับมือใหม่ที่อยากเห็นผลงานจริงบนหน้าจอทันที
🛠️ สร้างแอป Flutter ด้วยคำสั่งเดียว
- เปิด Terminal หรือ Command Prompt แล้วใช้คำสั่งนี้:
flutter create my_first_app
คำสั่งนี้จะสร้างโฟลเดอร์ชื่อ my_first_app พร้อมไฟล์และโครงสร้างทั้งหมดที่จำเป็น
- เข้าไปในโฟลเดอร์โปรเจกต์:
cd my_first_app
- เปิดโปรเจกต์ใน VS Code หรือ Android Studio (เช่นพิมพ์
code .ถ้าใช้ VS Code)
🗂️ โครงสร้างไฟล์เบื้องต้น
lib/main.dart– จุดเริ่มต้นของแอปpubspec.yaml– จัดการ dependency และ assetandroid/และios/– ไฟล์เฉพาะแต่ละแพลตฟอร์มtest/– ไฟล์สำหรับเขียน unit test
✏️ แก้ไขและรันแอป
เปิด lib/main.dart แล้วจะแก้ไขข้อความใน Text("You have pushed the button this many times:")
เปลี่ยนเป็น:
Text("สวัสดี แอปแรกของฉัน!")
จากนั้นบันทึกและรันแอป:
flutter run
💡 เคล็ดลับ
- ใช้คำสั่ง
flutter devicesเพื่อตรวจสอบว่าเครื่องของคุณมี emulator หรืออุปกรณ์เชื่อมต่ออยู่หรือไม่ - หากใช้ VS Code กด F5 เพื่อ run แอปแบบสะดวก
📝 สรุป
เพียงไม่กี่คำสั่ง คุณก็สามารถสร้างแอป Flutter แรกได้ทันที การแก้ไขข้อความหรือหน้าตาแอปสามารถทำได้ง่ายและเห็นผลทันทีผ่าน Hot Reload ในบทต่อไปเราจะเจาะลึกโครงสร้างไฟล์ที่ถูกสร้างขึ้นและแต่ละไฟล์มีหน้าที่อะไร