Flutter ay isang libre, open-source na SDK para sa paggawa ng mga cross-platform na application gamit ang iisang code base. Dinisenyo, binuo, at na-optimize ng Google upang maging perpektong UI software development kit na ginagamit para sa pagbuo ng Android, Linux, Mac, Windows, iOS, at Google Fuschia mga application, Flutter ay nakasulat sa C, C++, at Dart, na ginagawang madali para sa mga batikang developer na gamitin ito nang kumportable.
Flutter ay nakakakuha ng traksyon sa development community mula nang ilabas ito dahil ito ay kaakit-akit sa mga propesyonal na developer para sa mabilis na pagbuo ng mga app pati na rin ang sa mga bagong programmer na nasasabik sa pag-aaral ng cross-platform app development.Ang isang isyu, gayunpaman, ay ang Flutter ay maaaring nakakasakit ng ulo upang i-install.
Sa artikulong ito, matututunan mo kung paano itakda ang Flutter app sa iyong Linux machine sa mga naka-load na hakbang sa ibaba. Sa pagtatapos ng araw, magagawa mong bumuo ng Flutter app gamit ang isang emulator na gusto mo at Visual Studio Code.
Pangangailangan sa System
Upang i-install at patakbuhin ang Flutter, dapat matugunan ng iyong development environment ang mga minimum na kinakailangan na ito:
I-install ang Java sa Ubuntu
Una, patakbuhin ang sumusunod na command upang tingnan kung ang Java bersyon na iyong pinapatakbo kung sakaling naka-install na ito.
$ java -bersyon
Kung hindi, patakbuhin ang sumusunod na command upang i-install ito at pagkatapos ay suriin muli ang bersyon upang kumpirmahin na maayos itong na-install.
$ sudo apt install openjdk-11-jdk $ java -bersyon
I-install ang Android Studio sa Ubuntu
Android Studio ang kailangang i-install sa iyong device upang tumakbo Flutter . Dahil gusto mong mag-set up ng development environment, ipinapalagay kong natutugunan ng iyong machine ang mga minimum na kinakailangan.
I-download ang Android Studio package para sa iyong Linux at i-extract ito sa isang direktoryo na pipiliin.
Mula sa iyong terminal, ilunsad ang Android Studio sa pamamagitan ng pag-navigate sa lokasyon ng direktoryo kung saan mo kinuha ang package at pagpapatakbo ng script tulad nito:
$ cd android-studio/bin $ ./studio.sh
Kapag ang Android Studio ay bumukas, piliin kung gusto mong mag-import ng mga nakaraang setting o hindi at i-click ang OK . Sa ngayon, hindi mo kailangang mag-import ng anuman.
Import ang Mga Setting ng Android Studio
I-download ang iba't ibang mga file ng Android SDK at anumang mga update na nakabinbin. Kapag naitakda mo na ang lahat, mag-click sa Start isang bagong Android Studio Project.
Android Studio Setup Wizard
Gumawa ng Bagong Proyekto
Bigyan ng panahon ang proyekto para mabuo. Ang mga unang build ay karaniwang mas matagal kaysa karaniwan dahil sa mga ganitong yugto na ang mga kagustuhan sa proyekto at mga default na opsyon ay nakatakda sa system.
Mga Detalye ng Proyekto
Kung gusto mong ilunsad ang Android Studio nang hindi dumadaan sa terminal sa susunod na pagkakataon, gumawa ng desktop icon mula sa Tools –> Gumawa ng Desktop Entry.
Gumawa ng Android Studio Desktop Shortcut
I-install ang Flutter sa Ubuntu
Upang i-install ang Flutter sa Ubuntu, kailangan mo munang mag-install ng ilang tool at library na kinakailangan para magamit ang Flutter sa Ubuntu.
$ sudo apt install curl file git unzip xz-utils zip libglu1-mesa clang cmake ninja-build pkg-config libgtk-3-dev
Susunod, i-download ang Flutter SDK, i-extract ang file sa /development folder. Ito ay tatawaging flutter.
$ mkdir ~/development $ cd ~/development $ 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
Idagdag ang flutter tool sa iyong landas sa .bashrcfile.
$ nano .bashrc
Kapag bumukas ang file para sa pag-edit, idagdag ang path ng Flutter SDK sa dulo ng file.
"export PATH=$PATH:/home/ubuntu/development/flutter/bin"
Na-update ang terminal sa pamamagitan ng pagpapatakbo ng sumusunod na command. Bale, gagana lang ito kung ang Flutter SDK ay nasa iyong home directory.
$ pinagmulan .bashrc
I-save at isara ang file. Isara din ang iyong terminal.
Sa isang bagong terminal window, patakbuhin ang echo $PATH upang makita ang na-update na landas na dapat na ngayong naglalaman ng 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/development/flutter/bin
Susunod, tumakbo flutter doctor.
$ kumakaway na doktor
Run Flutter Doctor
Asahan ang isang listahan ng mga isyu na ipapakita para sa iba't ibang kategorya. Huwag matakot, narito ang mga hakbang para ayusin ang mga ito:
1. Android SDK Command-line Tools mula sa File -> Mga Setting -> Hitsura at Gawi -> Mga Setting ng System -> Android SDK -> SDK Tools at Lagyan ng check ang kahong ibinigay para sa “Android SDK Command-line Tools (pinakabago)” at pagkatapos ay pindutin ang OK button para i-install.
I-install ang Android Studio Commandline Tools
2. Para gamitin ang Flutter, dapat mong patakbuhin ang sumusunod na utos upang sumang-ayon sa mga lisensya ng Android SDK platform.
$ flutter na doktor --android-licenses
I-install ang Flutter Plugin sa Android Studio
Upang i-install ang Flutter plugin, i-click ang 'Configure' sa 'Welcome sa Android Studio' na screen at piliin ang 'Plugins'. O maghanap ng Flutter mula sa File > Settings > Plugins > Search sa mga repository.
I-install ang Flutter sa Android Studio
Mula doon, i-install ang Flutter at Dart plugin para sa Android Studio.
Pagdaragdag ng Android Emulator
Ngayong Dart at Flutter plugin ang naka-install, piliin ang Android Virtual Device (AVD) Manager mula sa Tools at Gumawa ng Virtual Device Piliin ang kategorya ng Telepono upang pumili ng anumang hardware ng device na gusto mo at i-click ang Susunod.
Configuration ng Virtual Device
Ang susunod na hakbang ay ang pumili ng larawan. Piliin ang R at i-click ang next.
Paggawa ng Iyong Unang Proyekto sa VS Code
Una, hanapin at i-install ang Flutter at Dart mga extension sa VS Code. Kapag tapos na iyon, ilagay ang sumusunod na command sa iyong terminal:
$ flutter gumawa ng example_project && code example_project
Gumagawa ito ng proyekto na may pangalang ‘example_project’ at ilulunsad ito sa VS Code. Piliin ang No Device sa kanang ibaba ng editor para mag-download ng Emulator Kapag ang download ay kumpleto, ilunsad ang emulator kung hindi ito awtomatikong bumukas.
Congratulations, Flutter ay naka-install at ganap na naka-set up sa iyong Linux machine! Maligayang pag-unlad!