Flutter เป็นโอเพ่นซอร์สฟรี SDK สำหรับการสร้างแอปพลิเคชันข้ามแพลตฟอร์มโดยใช้ฐานรหัสเดียว ออกแบบ พัฒนา และปรับแต่งโดย Google เพื่อให้เป็นชุดพัฒนาซอฟต์แวร์ UI ที่เหมาะสำหรับการพัฒนา Android, Linux, Mac, Windows, iOS และ Google Fuschia แอปพลิเคชัน Flutter เขียนด้วยภาษา C, C++ และ Dart ซึ่งทำให้นักพัฒนาที่มีประสบการณ์สามารถใช้งานได้อย่างสะดวกสบาย
Flutter ได้รับความสนใจในชุมชนการพัฒนาตั้งแต่เปิดตัวเพราะมันดึงดูดนักพัฒนามืออาชีพในการสร้างแอพอย่างรวดเร็วเช่นเดียวกับ สำหรับโปรแกรมเมอร์มือใหม่ที่ตื่นเต้นกับการเรียนรู้การพัฒนาแอพข้ามแพลตฟอร์มอย่างไรก็ตาม ปัญหาหนึ่งก็คือ Flutter อาจทำให้ปวดหัวในการติดตั้ง
ในบทความนี้ คุณจะได้เรียนรู้วิธีตั้งค่าแอป Flutter บนเครื่อง Linux ของคุณตามขั้นตอนที่โหลดด้านล่าง ในตอนท้ายของวัน คุณควรจะสามารถสร้างแอป Flutter โดยใช้โปรแกรมจำลองที่คุณเลือกและ Visual Studio Code
ความต้องการของระบบ
ในการติดตั้งและเรียกใช้ Flutter สภาพแวดล้อมการพัฒนาของคุณจะต้องเป็นไปตามข้อกำหนดขั้นต่ำเหล่านี้:
ติดตั้ง Java ใน Ubuntu
ก่อนอื่น ให้รันคำสั่งต่อไปนี้เพื่อตรวจสอบว่า Java เวอร์ชันที่คุณใช้งานอยู่หรือไม่ ในกรณีที่ติดตั้งไว้แล้ว
$ java -version
หากไม่ใช่ ให้รันคำสั่งต่อไปนี้เพื่อติดตั้ง จากนั้นตรวจสอบเวอร์ชันอีกครั้งเพื่อยืนยันว่าติดตั้งถูกต้องแล้ว
$ sudo apt ติดตั้ง openjdk-11-jdk $ จาวา - รุ่น
ติดตั้ง Android Studio ใน Ubuntu
Android Studio จำเป็นต้องติดตั้งบนอุปกรณ์ของคุณเพื่อที่จะเรียกใช้ Flutter . เนื่องจากคุณต้องการตั้งค่าสภาพแวดล้อมการพัฒนา ฉันถือว่าเครื่องของคุณตรงตามข้อกำหนดขั้นต่ำ
ดาวน์โหลดแพ็คเกจ Android Studio สำหรับ Linux ของคุณและแตกไฟล์ไปยังไดเร็กทอรีที่เลือก
จากเทอร์มินัลของคุณ เปิดใช้ Android Studio โดยไปที่ตำแหน่งไดเร็กทอรีที่คุณแตกแพ็กเกจและเรียกใช้สคริปต์ดังนี้:
$ cd android-studio/bin $./studio.sh
เมื่อ Android Studio เปิดขึ้น ให้เลือกว่าคุณต้องการนำเข้าการตั้งค่าก่อนหน้าหรือไม่ แล้วคลิก ตกลง . ตอนนี้ คุณไม่จำเป็นต้องนำเข้าอะไรเลย
นำเข้าการตั้งค่า Android Studio
ดาวน์โหลดไฟล์ต่างๆ ของ Android SDK และการอัปเดตที่รอดำเนินการ เมื่อคุณพร้อมทุกอย่างแล้ว คลิกเพื่อ Start ใหม่ Android Studio Project.
ตัวช่วยสร้างการตั้งค่า Android Studio
สร้างโครงการใหม่
ขอเวลาสร้างโปรเจ็กต์สักระยะ บิลด์แรกมักจะใช้เวลานานกว่าปกติ เนื่องจากเป็นช่วงที่มีการตั้งค่าโปรเจ็กต์และตัวเลือกเริ่มต้นในระบบ
รายละเอียดโครงการ
หากคุณต้องการเปิดใช้ Android Studio โดยไม่ต้องผ่านเทอร์มินัลในครั้งต่อไป ให้สร้างไอคอนเดสก์ท็อปจาก เครื่องมือ –> สร้างรายการเดสก์ท็อป.
สร้างทางลัดเดสก์ท็อป Android Studio
ติดตั้ง Flutter ใน Ubuntu
ในการติดตั้ง Flutter ใน Ubuntu ก่อนอื่นคุณต้องติดตั้งเครื่องมือและไลบรารีที่จำเป็นสำหรับการใช้ Flutter บน Ubuntu
$ sudo apt ติดตั้งไฟล์ curl git unzip xz-utils zip libglu1-mesa clang cmake ninja-build pkg-config libgtk-3-dev
ถัดไป ดาวน์โหลด Flutter SDK แตกไฟล์ไปยังโฟลเดอร์ /development จะเรียกว่า flutter.
$ mkdir ~/การพัฒนา $ cd ~ / การพัฒนา $ wget https://storage.googleapis.com/flutter_infra_release/releases/stable/linux/flutter_linux_2.8.0-stable.tar.xz $tar xf flutter_linux_2.8.0-stable.tar.xz
เพิ่มกระพือ tool ไปยังเส้นทางของคุณใน .bashrcไฟล์.
$ nano .bashrc
เมื่อไฟล์เปิดขึ้นเพื่อแก้ไข ให้เพิ่มพาธของ Flutter SDK ต่อท้ายไฟล์
"export PATH=$PATH:/home/ubuntu/development/flutter/bin"
อัปเดตเทอร์มินัลด้วยการเรียกใช้คำสั่งต่อไปนี้ โปรดทราบว่าวิธีนี้ใช้ได้เฉพาะเมื่อ Flutter SDK อยู่ในโฮมไดเร็กตอรี่ของคุณ
$ แหล่งที่มา .bashrc
บันทึกและปิดไฟล์ ปิดเทอร์มินัลของคุณด้วย
ในหน้าต่างเทอร์มินัลใหม่ ให้เรียกใช้ echo $PATH เพื่อดูเส้นทางที่อัปเดตซึ่งขณะนี้ควรมี Flutter SDK.
$ echo $PATH /usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin: /home/ubuntu/การพัฒนา/กระพือ/bin
ต่อไป วิ่งหมอกระพือ
$หมอพลิ้ว
วิ่งกระพือหมอ
คาดว่ารายการปัญหาจะแสดงสำหรับหมวดหมู่ต่างๆ ไม่ต้องกลัว นี่คือขั้นตอนในการแก้ไข:
1. เครื่องมือบรรทัดคำสั่ง Android SDK จากไฟล์ -> การตั้งค่า -> ลักษณะและพฤติกรรม -> การตั้งค่าระบบ -> Android SDK -> เครื่องมือ SDK และทำเครื่องหมายในช่องที่กำหนดสำหรับ “Android SDK Command-line Tools (latest)” จากนั้นกดปุ่ม OK เพื่อติดตั้ง
ติดตั้งเครื่องมือ Commandline ของ Android Studio
2. หากต้องการใช้ Flutter คุณต้องเรียกใช้ ทำตามคำสั่งเพื่อยอมรับใบอนุญาตของแพลตฟอร์ม Android SDK
$ แพทย์กระพือ --android-ใบอนุญาต
ติดตั้งปลั๊กอิน Flutter ใน Android Studio
หากต้องการติดตั้งปลั๊กอิน Flutter ให้คลิก 'Configure' บนหน้าจอ 'ยินดีต้อนรับสู่ Android Studio' และเลือก 'ปลั๊กอิน' หรือค้นหา Flutter จาก File> Settings > ปลั๊กอิน> ค้นหา ในที่เก็บ
ติดตั้ง Flutter ใน Android Studio
จากนั้น ติดตั้งปลั๊กอิน Flutter และ Dart สำหรับ Android Studio
การเพิ่ม Android Emulator
ตอนนี้ Dart และ Flutter ติดตั้งปลั๊กอินแล้ว เลือก ตัวจัดการ Android Virtual Device (AVD) จาก Tools และ สร้างอุปกรณ์เสมือน เลือกหมวดโทรศัพท์เพื่อเลือกฮาร์ดแวร์อุปกรณ์ที่คุณต้องการ แล้วคลิกถัดไป
การกำหนดค่าอุปกรณ์เสมือน
ขั้นตอนต่อไปคือการเลือกรูปภาพ เลือก R แล้วคลิก ถัดไป.
สร้างโปรเจคแรกของคุณใน VS Code
อันดับแรก ค้นหาและติดตั้ง Flutter และ Dart ส่วนขยายใน VS Code เมื่อเสร็จแล้ว ให้ป้อนคำสั่งต่อไปนี้ในเทอร์มินัลของคุณ:
$ flutter สร้าง example_project && รหัส example_project
สิ่งนี้จะสร้างโปรเจ็กต์ที่มีชื่อ 'example_project' และเปิดใช้งานใน VS Code เลือก ไม่มีอุปกรณ์ ที่ด้านล่างขวาของตัวแก้ไขเพื่อดาวน์โหลด Emulator เมื่อการดาวน์โหลดเสร็จสิ้น เสร็จสิ้น เปิดโปรแกรมจำลองหากไม่เปิดโดยอัตโนมัติ
ขอแสดงความยินดี Flutter ได้รับการติดตั้งและตั้งค่าอย่างสมบูรณ์บนเครื่อง Linux ของคุณแล้ว! มีความสุขในการพัฒนา!