Jak skonfigurować trzepot i tworzyć aplikację internetową Hello World w Linux

Flutter to framework rozwoju aplikacji, którego można użyć do opracowywania aplikacji międzyplatformowych działających na kodzie natywnym po skompilowaniu lub zbudowaniu. Opracowywane przez Google, Flutter pozwala tworzyć szybkie prototypy w krótkim czasie, a także pozwala tworzyć pełnoprawne aplikacje, które korzystają z interfejsów API specyficznych dla platformy. Korzystając z fluatter, możesz tworzyć piękne aplikacje dla urządzeń mobilnych, systemów operacyjnych i przeglądarki internetowej za pomocą oficjalnych widżetów projektowych materiałów. W tym artykule omówiono instalację trzepotania i tworzenie nowego projektu do opracowania aplikacji internetowej. Flutter używa „rzutki” jako głównego języka programowania do pisania aplikacji.

Zainstaluj Flutter w Linux

Możesz zainstalować Flutter w Linux za pomocą dwóch metod. Pierwsza metoda jest dość prosta, wszystko, co musisz zrobić.

$ sudo snap instalacja trzepotania -klasyczne

Druga metoda polega na pobraniu repozytorium trzepotania z GitHub. Uruchom następujące polecenia z rzędu, aby ręcznie zainstalować trzepot:

$ sudo apt instal git
$ git clone https: // github.com/trzepot/trzepot.git -b stabilny-głębokość 1-No-Single Grad

Zauważ, że uruchamianie powyższego polecenia otrzyma wymagane pliki z oficjalnego repozytorium Flutter, w tym plików binarnych wykonywalnych. Będziesz mógł wykonać te pliki binarne z folderu „bin”. Jednak te pliki wykonywalne nie zostaną dodane do zmiennej szerokiej ścieżki systemu i nie będziesz w stanie uruchomić ich z żadnego miejsca, chyba że ręcznie dodasz je do zmiennej ścieżki. Aby to zrobić, postępuj zgodnie z poniższymi krokami.

Otwarty ".plik bashrc ”znajdujący się w folderze domowym za pomocą ulubionego edytora tekstu:

$ nano „$ home/.bashrc ”

Dodaj następujący wiersz na dole pliku, ostrożnie zastępując ciąg.

Eksport ścieżka = "$ ścieżka:/trzepot/bin "

Na przykład, jeśli pobrałeś repozytorium Flutter w folderze „Pobieranie”, będziesz musiał dodać następujący wiersz:

Eksport ścieżka = "$ ścieżka: $ home/download/flutter/bin"

Zapisz plik po zakończeniu. Odśwież ”.plik bashrc ”, uruchamiając poniższe polecenie:

$ źródło „$ home/.bashrc ”

Aby sprawdzić, czy folder „Bin” Flutter został dodany do ścieżki, uruchom polecenie poniżej:

$ echo $ ścieżka

Powinieneś uzyskać takie dane wyjściowe:

/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/games:/snap/bin:/home//home// NIT/pobieranie/fluatter/bin

Zwróć uwagę na obecność słowa kluczowego „trzepot” i pełnej ścieżki, która pokazuje folder „bin” w katalogu „flame”.

Aby sprawdzić, czy polecenie „trzepot” można uruchomić z dowolnej ścieżki, użyj poniższego polecenia:

$, które trzepotają

Powinieneś uzyskać takie dane wyjściowe:

/home/nit/pobieranie/fluatter/bin/flutter

Zauważ, że język „rzutki”, który jest wymagany do zapisywania aplikacji Flutter, jest dostarczany z plikami fluatter pobieranymi z repozytorium Git lub z pakietu Snap. Uruchom następujące polecenie, aby sprawdzić brakujące zależności wymagane do uruchomienia trzepotania:

$ Flutter Doctor

Niektóre wymagane pliki mogą rozpocząć pobieranie, aby zakończyć konfigurację trzepotania. Jeśli nie zainstalowałeś jeszcze systemu Android SDK, na wyjściu zostanie wyświetlona wiadomość, która poprowadzi Cię przez instalację.

Jeśli chcesz opracować aplikacje na Androida za pomocą Flutter, kliknij linki widoczne w wyjściu terminalu i wykonaj odpowiednie kroki, aby zainstalować Android SDK.

Ten samouczek koncentruje się na budowaniu aplikacji internetowych za pomocą Flutter. Aby włączyć obsługę tworzenia aplikacji internetowych, uruchom następujące polecenia kolejno:

$ flutter kanał beta
$ Flutter Upgrade
$ flutter config-enable-web

Aby sprawdzić, czy obsługa aplikacji internetowych została rzeczywiście włączona, uruchom poniższe polecenie:

$ Flutter Urządzenia

Powinieneś uzyskać takie dane wyjściowe:

2 podłączone urządzenia:
Serwer WWW (Web) • Server Web • Web-javascript • Narzędzia Trup
Chrome (Web) • Chrome • Web-javascript • Google Chrome 87.0.4280.66

Jeśli do tej pory wykonałeś kroki, trzepotanie powinno być teraz poprawnie zainstalowane w systemie, gotowe do utworzenia niektórych aplikacji internetowych.

Utwórz nowy projekt Flutter

Aby utworzyć nowy projekt aplikacji internetowej „Helloworld” za pomocą Flutter, uruchom wspomniane poniżej polecenia:

$ flutter stwórz helloworld
$ CD Helloworld

Aby przetestować swój nowo utworzony projekt, uruchom polecenie:

$ flutter run -d chrome

Powinieneś zobaczyć demonstrację aplikacji Web Flutter Web:

Możesz debugować aplikacje internetowe Flutter za pomocą narzędzi programistycznych wbudowanych w Chrome.

Zmodyfikuj swój projekt

Projekt demonstracyjny, który utworzyłeś powyżej.plik DART ”znajdujący się w folderze„ Lib ”. Kod zawarty w tym „głównym.plik DART ”jest bardzo dobrze skomentowany i można go łatwo zrozumieć. Sugerowałbym, abyś przynajmniej raz przeszedł kod, aby zrozumieć podstawową strukturę aplikacji Trzepot.

Flutter obsługuje „Hot Reload”, co pozwala szybko odświeżyć aplikację bez ponownego uruchomienia jej, aby zobaczyć zmiany. Spróbuj zmienić tytuł aplikacji z „Flutter Demo Strona główna” na „Hello World !!" głównie.plik dart ”. Po zakończeniu naciśnij klawisz w terminalu, aby odświeżyć stan aplikacji bez ponownego uruchomienia.

Zbuduj swoją aplikację Flutter

Aby zbudować aplikację Web Flutter Web, użyj polecenia określonego poniżej z katalogu projektu:

$ flutter buduj sieć

Po zakończeniu procesu kompilacji powinieneś mieć nowy folder w swoim katalogu projektu na ścieżce „Build/Web”. Tutaj znajdziesz wszystko, co konieczne „.html ”,„.JS ”i„.Pliki CSS ”wymagane do obsługi projektu online. Znajdziesz także różne pliki aktywów używane w projekcie.

Przydatne zasoby

Aby dowiedzieć się więcej o tworzeniu aplikacji internetowych za pomocą fluatter, zapoznaj się z jego oficjalną dokumentacją. Możesz odwołać się do oficjalnej dokumentacji języka rzutek, aby lepiej zrozumieć aplikacje trzepotania. Flutter jest wyposażony w mnóstwo pakietów oficjalnych i stron trzecich, których można użyć do szybkiego tworzenia aplikacji. Te pakiety można znaleźć dostępne tutaj. W swoich aplikacjach internetowych możesz użyć widżetów trzepotania materiału. Dokumentację tych widżetów można znaleźć w oficjalnej dokumentacji trzepotania. Możesz także poczuć te widżety, przeglądając działające dema komponentów internetowych projektów materiałowych.

Wniosek

Flutter jest w rozwoju od dłuższego czasu i rośnie jako ramy do opracowywania aplikacji międzyplatformowych „Write w dowolnym miejscu”. Jego przyjęcie i popularność mogą nie być tak wysokie jak inne takie ramy, ale zapewnia stabilny i solidny interfejs API do opracowywania aplikacji międzyplatformowych.