MacOS Tip ! ติดตั้ง Flutter พื้นฐานเตรียมความพร้อมกันก่อน
สำหรับน้องๆ ที่ใช้ iMac หรือ MacBook ก็สามารถติดตั้ง Flutter ได้เช่นกันนะครับ มาดูขั้นตอนการเตรียมตัวก่อนเขียนแอพ แบบ Flutter กันครับ
ปล. คู่มือผมก็ได้มาจาก อ.สถิตย์ เรียนพิศ นะครับ แต่มาทำใน macOS เพื่อเพื่อนๆน้องๆที่ใช้ mac จะได้เข้าใจพื้นขึ้นครับ
1. อัพเดต MacOS ก่อนให้เป็น เวอชัน macOS High Sierra หรือ Version 10. ขึ้นไปนะครับ เพราะเวลาอัพเดต สภาพแวดล้อมเวลาเราจะ build มันจะสมบูรณ์
2. ติดตั้ง XCODE ผ่าน App Store ก็ติดตั้งได้เลย ไม่ต้องไปดาวโหลดจากแหล่งอื่นนะครับ
ล่าสุดจะเป็นเวอชัน xcode 10.1 ซึ่งจะมี Git อยู่แล้วไม่ต้องไปติดตั้ง Git อีกนะครับ
3. ติดตั้ง brew ผ่าน command line โดยพิมพ์คำสั่งนี้ใส่ลงไปใน Terminal
ตรวจสอบว่าเครื่องเราเชื่อมต่อเน็ตแล้วหรือยังนะครับ เพราะต้องเชื่อมต่อ internet ด้วย
ใช้คำสั่ง ping 8.8.8.8 ดูก่อนก็ได้ ตามรูป แล้วค่อยพิมพ์ /usr/bin/ruby -e ติดตั้งผ่านเน็ตอีกที ติดตั้งเสร็จแล้วก็จะได้ตามรูปนี้นะครับ
แล้วลองพิมพ์ คำสั่ง brew help ดูก็จะได้รายละเอียด document ให้อ่านได้ที่เว็บ docs.brew.sh ก็เข้าไปอ่านรายละเอียดได้ แต่เป็นภาษาอังกฤษนะครับ ใช้ google แปลเอาก็พอเข้าใจระดับหนึ่งครับ4. ติดตั้ง JDK หรือ java SE Development Kit 8 กันครับ เข้าไปดาวโหลดที่เว็บนี้ได้เลย กดปุ่ม Accept License Agreement ก่อนนะครับ ดึงจะดาวโหลดได้
ก็จะได้ไฟล์ dmg สำหรับติดตั้งเอาเองนะครับ
ก็ติดตั้งตามปกติ ใช้ค่า default เลยนะครับ
ติดตั้งจนเสร็จ
5. ติดตั้ง android studio
อันนี้ก็ต้องดาวโหลดมาติดตั้งเอาเอง ครับ
ที่เว็บ https://developer.android.com/studio/
ก็ดับเบิลคลิกติดตั้ง ตามรูปนี้
ต่อมา
ต่อมา
แล้วไปที่เมนู Configure –> SDK Manager
แล้วเลือกติดตั้ง ตามรูป เฉพาะ package ที่จำเป็น
แล้วกด Apply หรือ OK
และกด Accept
และกดไปที่ intel-android-extra-license กด Accept อีกที
แล้วก็รอให้ดาวโหลดจนเสร็จ
แล้วก็กำหนด RAM เอาที่เราพอใจ
แล้วใส่รหัสยืนยัน การติดตั้ง
แล้วก็รอจนติดตั้งเสร็จ
แล้วกด Finish ก็เป็นอันเสร็จ
ส่วน Android SDK จะอยู่ที่ตำแหน่ง /Users/armds/Library/Android/sdk นะครับ
เสร็จแล้วก็กำหนด Path ตามนี้คือ แก้ไขไฟล์ ~/.bashre หรือ ~/.bash_profile
export ANDROID_HOME=/Users/armds/Library/Android/sdk
ผมใช้ vi เพื่อเข้าไปแก้ไขไฟล์ ~/.bash_profile
คีย์เพิ่มเข้าไป
6. ติดตั้ง Flutter โดยดาวโหลดมาแล้วทำการแตกไฟล์ เอาไปเก็บไว้ที่ ที่เราต้องการ เช่น Documents หรือ path อื่น
เข้าไปดาวโหลดได้ที่เว็บ https://flutter.io/docs/get-started/install/macos
หรือดาวโหลดจาก คู่มือ อ. สถิตย์
https://storage.googleapis.com/flutter_infra/releases/beta/macos/flutter_macos_v0.5.1-beta.zip
ไฟล์จะใหญ่หน่อยนะครับ 651 MB
ติดตั้งเสร็จแล้วก็กำหนด path เช่นกันที่ไฟล์ ~/.bash_profile
ก็ไปค้นหา Flutter โดยให้เลือก Browse repositories.. ตรงปุ่มตรงกลาง ด้านล่าง
เมื่อเจอแล้วก็กดเลือก Flutter แล้วไปกดปุ่ม Install
แล้วมันจะถามให้ติดตั้ง Dart plugin ต่อด้วยนะครับ
ก็ติดตั้งด้วย จนเสร็จ จะขึ้นข้อความว่า Restart Android Studio
แล้วระบบจะถามให้เรา restart Android เพื่อเริ่มต้นใหม่
เราก็รอ จนเสร็จ
เมื่อเปิดขึ้นมาจะเป็นเมนูให้เลือก สำหรับ Start a new Flutter project อันที่ 2 นะครับ
เมื่อคลิกเข้าไป ก็จะเห็นเมนู สร้าง New Flutter Project ละครับ
กดปุ่ม Next
กดปุ่ม Next ต่ออีกครับ
กด Finish ก็จะได้ project แรกละครับ
ต่อมาเราก็จะไปทดสอบทำ แอพสักอันหนึ่ง ไว้บทความต่อไปจะหาเวลาเขียนลงใน blog นี้อีกทีนะครับ คงอีกสักพัก ขอฝึกฝนทักษะ ก่อนนะครับ (ต้องบอกว่าผมไม่ได้เก่งอะไรนะครับ แค่อยากรู้เลยต้องลงมือทำครับ)
ก็เป็นอันเสร็จ สำหรับ MacOS ละครับ
ก็หวังว่าจะเป็นประโยชน์นะครับ สำหรับเพื่อนๆ น้องๆ มือใหม่ นะครับ ผมก็เพิ่งได้ศึกษา หากมีอะไรที่เป็นประโยชน์จะนำมาเขียนลงบทความใน blog เพิ่มเติมนะครับ
หากท่านชอบอย่าลืมกด Like กดแชร์ให้ท่านอื่นๆ ได้ทราบด้วยนะครับ
แล้วพบกันใหม่ครับ
