Flutter - การติดตั้ง

บทนี้จะแนะนำคุณตลอดการติดตั้ง Flutter บนเครื่องคอมพิวเตอร์ของคุณโดยละเอียด

การติดตั้งใน Windows

ในส่วนนี้ให้เราดูวิธีการติดตั้งFlutter SDKและข้อกำหนดในระบบ windows

Step 1 - ไปที่ URLhttps://flutter.dev/docs/get-started/install/windowsและดาวน์โหลด Flutter SDK ล่าสุด ตั้งแต่เดือนเมษายน 2019 เวอร์ชัน 1.2.1 และไฟล์เป็น flutter_windows_v1.2.1-stable.zip

Step 2 - คลายซิปไฟล์ zip ในโฟลเดอร์พูดว่า C: \ flutter \

Step 3 - อัปเดตเส้นทางระบบเพื่อรวมไดเรกทอรี flutter bin

Step 4 - Flutter เป็นเครื่องมือแพทย์เพื่อตรวจสอบความต้องการของการพัฒนา Flutter ทั้งหมด

flutter doctor

Step 5 - การรันคำสั่งดังกล่าวจะวิเคราะห์ระบบและแสดงรายงานดังที่แสดงด้านล่าง -

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, v1.2.1, on Microsoft Windows [Version
10.0.17134.706], locale en-US)
[√] Android toolchain - develop for Android devices (Android SDK version
28.0.3)
[√] Android Studio (version 3.2)
[√] VS Code, 64-bit edition (version 1.29.1)
[!] Connected device
! No devices available
! Doctor found issues in 1 category.

รายงานระบุว่ามีเครื่องมือการพัฒนาทั้งหมด แต่ไม่ได้เชื่อมต่ออุปกรณ์ เราสามารถแก้ไขได้โดยเชื่อมต่ออุปกรณ์ Android ผ่าน USB หรือเริ่มโปรแกรมจำลอง android

Step 6 - ติดตั้ง Android SDK ล่าสุดหากรายงานโดยแพทย์กระพือปีก

Step 7 - ติดตั้ง Android Studio ล่าสุดหากรายงานโดยแพทย์กระพือปีก

Step 8 - เริ่มโปรแกรมจำลอง Android หรือเชื่อมต่ออุปกรณ์ Android จริงกับระบบ

Step 9- ติดตั้งปลั๊กอิน Flutter and Dart สำหรับ Android Studio มีเทมเพลตเริ่มต้นเพื่อสร้างแอปพลิเคชัน Flutter ใหม่ตัวเลือกในการเรียกใช้และแก้ไขข้อบกพร่องแอปพลิเคชัน Flutter ในสตูดิโอ Android เป็นต้น

• เปิด Android Studio

• คลิกไฟล์→การตั้งค่า→ปลั๊กอิน

• เลือกปลั๊กอิน Flutter แล้วคลิกติดตั้ง

• คลิกใช่เมื่อได้รับแจ้งให้ติดตั้งปลั๊กอิน Dart

• รีสตาร์ท Android Studio

การติดตั้งใน MacOS

ในการติดตั้ง Flutter บน MacOS คุณจะต้องทำตามขั้นตอนต่อไปนี้ -

Step 1 - ไปที่ URLhttps://flutter.dev/docs/get-started/install/macosและดาวน์โหลด Flutter SDK ล่าสุด ตั้งแต่เดือนเมษายน 2019 เวอร์ชัน 1.2.1 และไฟล์คือ flutter_macos_v1.2.1- stable.zip

Step 2 - คลายซิปไฟล์ zip ในโฟลเดอร์พูด / path / to / flutter

Step 3 - อัปเดตเส้นทางระบบเพื่อรวมไดเรกทอรี flutter bin (ในไฟล์ ~ / .bashrc)

> export PATH = "$PATH:/path/to/flutter/bin"

Step 4 - เปิดใช้งานเส้นทางที่อัปเดตในเซสชันปัจจุบันโดยใช้คำสั่งด้านล่างจากนั้นตรวจสอบด้วย

source ~/.bashrc
source $HOME/.bash_profile
echo $PATH

Flutter จัดเตรียมเครื่องมือแพทย์เพื่อตรวจสอบความต้องการของการพัฒนา Flutter ทั้งหมด มันคล้ายกับคู่ของ Windows

Step 5 - ติดตั้ง XCode ล่าสุดหากรายงานโดยแพทย์กระพือปีก

Step 6 - ติดตั้ง Android SDK ล่าสุดหากรายงานโดยแพทย์กระพือปีก

Step 7 - ติดตั้ง Android Studio ล่าสุดหากรายงานโดยแพทย์กระพือปีก

Step 8 - เริ่มโปรแกรมจำลอง Android หรือเชื่อมต่ออุปกรณ์ Android จริงเข้ากับระบบเพื่อพัฒนาแอปพลิเคชัน Android

Step 9 - เปิดโปรแกรมจำลอง iOS หรือเชื่อมต่ออุปกรณ์ iPhone จริงเข้ากับระบบเพื่อพัฒนาแอปพลิเคชัน iOS

Step 10- ติดตั้งปลั๊กอิน Flutter and Dart สำหรับ Android Studio มีเทมเพลตเริ่มต้นเพื่อสร้างแอปพลิเคชัน Flutter ใหม่ตัวเลือกในการเรียกใช้และแก้ไขข้อบกพร่องแอปพลิเคชัน Flutter ในสตูดิโอ Android เป็นต้น

• เปิด Android Studio

• คลิก Preferences → Plugins

• เลือกปลั๊กอิน Flutter แล้วคลิกติดตั้ง

• คลิกใช่เมื่อได้รับแจ้งให้ติดตั้งปลั๊กอิน Dart

• รีสตาร์ท Android Studio