Google Flutter

Google Flutter กับวิธีติดตั้ง Android Studio เป็นตัวเขียนแอพ iOS และ Android

เรื่องที่เกี่ยวข้อง - Cross Platform, Google Flutter

Google Flutter ค่อนข้างเปิดกว้างในเรื่องเครื่องมือที่จะเขียนโปรแกรมพัฒนาแอพพลิเคชั่นขึ้นมาใช้งาน

และหลังจากเราได้ทำตามวิธีติดตั้ง Google Flutter ในตอนที่แล้ว แต่อยากใช้ Android Studio เป็นโปรแกรมเขียน Google Flutter ก็สามารถทำได้ตามขั้นตอนง่ายๆ ดังนี้ครับ

ตัวโปรแกรม Android Studio จำเป็นต้องใช้ Flutter SDK ที่เราติดตั้งก่อนหน้านี้ ดังนั้นถ้าเรายังไม่ได้ติดตั้ง Google Flutter ก็ไปดูได้จากวิดีโอที่อยู่ในตอนที่แล้วครับ

1. ดาวน์โหลดตัวติดตั้ง Android Studio

Android Studio Download page 2018

เริ่มแรก ก็ให้ใช้ link นี้ไปดาวน์โหลดตัวติดตั้งโปรแกรม Android Studio มา

เปิดมาที่หน้าเว็บสำหรับดาวน์โหลดโปรแกรม Android Studio และกดปุ่ม Download ตัวติดตั้ง เพื่อดาวน์โหลดเอามาเก็บไว้ในเครื่อง

จากนั้นก็ให้ดับเบิ้ลคลิกตัวโปรแกรม และเริ่มกระบวนการติดตั้งให้เรียบร้อย

Android Studio - Setup - Choose component
ในการติดตั้ง Android Studio เราสามารถเลือกติดตั้ง Android Virtual Device เพื่อใช้เป็น Emulator ได้

2. ตั้งค่าโปรแกรมครั้งแรก

หลังจากติดตั้งเสร็จแล้ว ให้ทำการเปิดโปรแกรม Android Studio ขึ้นมา เพื่อเริ่มการตั้งค่าโปรแกรม

โดยการติดตั้งจะมีให้เลือก ทั้งแบบ Standard และ Custom  ซึ่งในที่นี้ เราจะเลือกการติดตั้งแบบ Standard (แน่นอนว่าเลือก Custom เพื่อปรับแต่งค่าต่างๆ ก็ได้)

Android Studio - Setup - Choose Install Type

เลือกธีมสีที่ต้องการ

Android Studio - Setup - Choose Color Theme

ดูรายละเอียดให้และเริ่มการติดตั้งให้เรียบร้อย

Android Studio - Setup - Verify Setting
เช็คการตั้งค่าอีกครั้ง ก่อนเริ่มการติดตั้ง

 

หลังจากติดตั้งเสร็จแล้ว เราสามารถสั่งเปิดโปรแกรมต่อได้เลย ซึ่งจากตรงนี้ เราจะทำการติดตั้ง Flutter Plugin ครับ

3. ติดตั้ง Flutter Plugin

เราสามารถเลือกติดตั้ง Flutter Plugin ของ Google ได้

โดยเริ่มจากการเปิดดูในเมนู config ที่อยู่ด้านล่างขวา และเลือกเมนู plugin

Android Studio - Plugin Menu

กดปุ่ม Browse Repository

Android Studio - Plugin Panel

และพิมพ์คำว่า Flutter ลงไปในช่องค้นหา

Android Studio - Plugin Browse Repository

เราก็จะสามารถเลือกติดตั้ง Flutter plugin ให้กับ Android Studio ได้

Android Studio - Plugin install

หลังติดตั้งเสร็จแล้ว เราก็จำเป็นที่จะต้อง Restart โปรแกรม Android Studio อีกครั้ง เราสามารถทำได้โดยการกดปุ่ม Restart ตามภาพ และปิดหน้าต่าง Plugin

Android Studio - Plugin install then restart
หลังติดตั้งเสร็จ ให้กดปุ่ม Restart ที่อยู่ใน Plugin

 

พอเปิดเราก็จะเห็นรายการสร้างโปรเจคของ Flutter แสดงขึ้นมาเป็นตัวเลือกครับ

Android Studio - Create Flutter Project
ถ้า plugin ติดตั้งเสร็จเรียบร้อย จะเห็นเป็นรายการสร้างโปรเจคใหม่แสดงขึ้นมา

เสร็จสมบูรณ์

และในตอนนี้ Android Studio ของเราก็พร้อมที่จะใช้ในการพัฒนาแอพด้วย Google Flutter แล้วคร้าบบ

ถ้าเราชอบคลิปดีๆ เข้าใจง่ายแบบนี้ สามารถกดไลค์ และแชร์เพื่อเป็นกำลังใจให้พลได้นะครับ

สนใจเรียน Google Flutter ตั้งแต่เริ่มต้น จนถึงได้แอพ สำหรับองค์กร

โค้ชพลได้ใช้งาน Google Flutter มาตั้งแต่ช่วง Alpha จนถึงตอนนี้เป็น Release Preview 1 แล้ว ระหว่างทางก็ได้ประสบการณ์มากมาย สามารถแชร์ให้เพื่อนพี่น้องที่สนใจเอาเทคโนโลยีนี้ไปทำโปรเจคของตัวเองได้

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

 

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

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

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

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

Privacy Preferences

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

Allow All
Manage Consent Preferences
  • Always Active

Save