สร้าง Application ด้วย Flutter 3

Flutter 3 by Keptcode.com

Last Updated: 2024-10-01 00:15

Repo: Github.com (รบกวนกด Start ให้ด้วยนะคับ)

https://github.com/coachmaxz/flutter-app

สร้าง Project ใหม่

Path: [skeleton]\

Language: Bash

# สร้าง Project ใหม่ ชื่อว่า "flutter_app"
$ flutter create flutter_app

## Output ##
# Creating project flutter_app...
# Resolving dependencies in flutter_app... (1.9s)
# Got dependencies in flutter_app.
# Wrote 129 files.
# All done!

เปิดใช้งาน: IOS Simulator ผ่าน Flutter Extension บน VS Code

หากเราติดตั้ง Flutter Extension ลงบน VS Code เรียบร้อยแล้ว ให้เราคลิกเลือก "เมนูด้านมุมล่าง (ขวามือ)" ตรงคำว่า "macOS (darwin)" จากนั้นจะปรากฏ "ตัวเลือก" ด้านบน หลังจากนั้น ให้คลิกเลือก "Start iOS Simutator" หากสำเร็จ Simutator จะแสดง

ตัวอย่าง: iOS Simulator บน MBP M1

รัน Project ใหม่

หากเราติดตั้ง Flutter Extension ลงบน VS Code เรียบร้อยแล้ว เราสามารถ "คลิกขวา" ที่ไฟล์ lib/main.dart เลือกเมนู "Start Debugging" เพื่อรันโปรเจกได้เลย หรือ สามารถใช้คำสั่งด้านล่างนี้ก็สามารถ "รันได้" เช่นกัน

รัน Project ใหม่

Path: [skeleton]\

Language: Bash

# เข้าไปยัง Folder โปรเจก
$ cd flutter_app

# รัน Project ใหม่
$ flutter run

ตัวอย่าง: รัน Project ใหม่ "สำเร็จ"