FlutterHub เขียนและรันในตัวเดียวกัน

#Dev#Flutter#Beta#Tools

สั้นๆกับ FlutterHub (opens new window) พอดีผมเพิ่งได้สิทธิ์มาครับ ตอนนี้ตัว FlutterHub ยังเป็น Beta อยู่ในช่วงให้ทดลองเล่น
ตัว FlutterHub โฆษณามาว่าเราสามารถสร้างโปรเจคเขียนโค้ด Flutter ได้บนเว็บ แล้วยังสามารถรันแสดงผลแบบ Web หรือบน Emulator ได้ เช่น Android, iOS (ยังไม่เปิดให้ใช้)

มาลองเล่นกัน

ก่อนอื่นก็ลองสร้าง Project ก่อนครับ ซึ่งมีข้อจำกัดนิดหน่อย(สำหรับตอนนี้) ก็คือสำหรับ Basic(เริ่มต้น) สร้างได้แค่ 1 Project และสำหรับ Pro สร้างได้ 5 Project

ทาง FlutterHub ช่วงทดลองก็สมัคร Pro ได้ฟรีโดยใช้ข้อมูลบัตรเครดิตตามนี้
Card Number: 4242424242424242
Expiration Date: 08/24
Security Code: 123

ล็อกอินเข้ามาจะเจอหน้าสร้าง Project

ใส่ชื่อ และคำอธิบาย

สร้างเสร็จแล้วง่ายๆแค่นี้

มาถึงหน้าตาภายในกัน ก็แบ่งเป็นส่วนๆแบบนี้แหละครับ ด้านซ้ายเป็น Explorer แสดงไฟล์ใน Project ตรงกลางเป็นส่วนแสดง Code ด้านล่างเป็น Terminal เวลาเรารันก็จะมาแสดงรายละเอียดตรงนี้ และสุดท้ายด้านขวาจะเป็น Simulator แสดงผลลัพธ์

หน้าตาดูเรียบๆ

ทีนี้ผมก็เลยลองเอา Project BLoC ของผมมาลองดูจาก ที่นี่ (opens new window)

ก็รันได้ปกติดีครับใช้ได้เลย

ข้อสังเกตุ

1. Clone Project จากพวก Git Repo ไม่ได้ ต้องก็อบโค้ดมาแปะเอง ก็จะยุ่งยาก(ไม่)นิดหน่อย
2. Code Editor ไม่มี Completion ต้องแม่น Flutter มากๆ

---