Kā iestatīt plandīšanos un izveidot Hello World tīmekļa lietojumprogrammu Linux

Flutter ir lietojumprogrammu izstrādes ietvars, ko var izmantot, lai izveidotu starpplatformu lietotnes, kas darbojas pēc vietējā koda, kad tās ir apkopotas vai izveidotas. Flutter, kuru izstrādā Google, ļauj īsā laikā izveidot ātrus prototipus, kā arī ļauj izveidot pilnvērtīgas lietotnes, kas izmanto platformai specifiskas API. Izmantojot Flutter, varat izveidot skaistas izskata lietotnes mobilajām ierīcēm, darbvirsmas operētājsistēmām un tīmekļa pārlūkprogrammām, izmantojot oficiālos materiāla dizaina logrīkus. Šajā rakstā tiks apspriesta Flutter instalēšana un jauna tīmekļa lietojumprogrammas izstrādes projekta izveide. Flutter izmanto “Dart” kā galveno programmēšanas valodu lietotņu rakstīšanai.

Instalējiet Flutter uz Linux

Flutter var instalēt Linux, izmantojot divas metodes. Pirmā metode ir diezgan vienkārša, viss, kas jums jādara, ir palaist vienkāršu komandu, lai instalētu Flutter no snap store.

$ sudo snap instalējiet flutter --classic

Otra metode ietver plandīšanās krātuves lejupielādi no GitHub. Lai manuāli instalētu Flutter, pēc kārtas izpildiet šādas komandas:

$ sudo apt install git
$ git klons https: // github.com / plandīšanās / plandīšanās.git -b stabils - 1. dziļums - nav viena zara

Ņemiet vērā, ka, palaižot iepriekš minēto komandu, jūs saņemsiet nepieciešamos failus no oficiālās Flutter krātuves, ieskaitot izpildāmos bināros failus. Šos bināros failus varēsiet izpildīt no mapes “bin”. Tomēr šie izpildāmie faili netiks pievienoti jūsu sistēmas mainīgajam PATH mainīgajam, un jūs tos nevarēsiet palaist no jebkuras vietas, ja vien tos manuāli nepievienosiet PATH mainīgajam. Lai to izdarītu, veiciet tālāk norādītās darbības.

Atvērt “.bashrc ”fails, kas atrodas jūsu mājas mapē, izmantojot iecienīto teksta redaktoru:

$ nano “$ HOME /.bashrc ”

Pievienojiet šādu rindiņu faila apakšdaļā, uzmanīgi nomainot virkne.

eksportēt PATH = "$ PATH:/ flutter / bin "

Piemēram, ja Flutter krātuvi lejupielādējāt mapē “Lejupielādes”, jums būs jāpievieno šāda rinda:

eksportēt PATH = "$ PATH: $ HOME / Lejupielādes / flutter / bin"

Saglabājiet failu, kad esat pabeidzis. Atjaunot ".bashrc ”failu, izpildot zemāk esošo komandu:

$ avots “$ HOME /.bashrc ”

Lai pārbaudītu, vai Flutter mape “bin” ir pievienota ceļam, izpildiet tālāk norādīto komandu:

$ echo $ PATH

Jums vajadzētu iegūt kādu šādu rezultātu:

/ usr / local / sbin: / usr / local / bin: / usr / sbin: / usr / bin: / sbin: / bin: / usr / spēles: / usr / local / games: / snap / bin: / home / nit / Lejupielādes / plandīšanās / tvertne

Ievērojiet atslēgvārda “flutter” klātbūtni un pilnu ceļu, kas mapē “bin” parāda mapi “flutter”.

Lai pārbaudītu, vai komandu “plandīšanās” var palaist no jebkura ceļa, izmantojiet zemāk esošo komandu:

$ kas plandās

Jums vajadzētu iegūt kādu šādu rezultātu:

/ home / nit / Lejupielādes / plandīšanās / tvertne / plandīšanās

Ņemiet vērā, ka valoda “Dart”, kas nepieciešama Flutter lietotņu rakstīšanai, tiek komplektēta ar Flutter failiem, kas lejupielādēti no git repozitorija vai snap pakotnes. Palaidiet šo komandu, lai pārbaudītu trūkstošās atkarības, kas nepieciešamas, lai palaistu Flutter:

$ plandīšanās ārsts

Dažus nepieciešamos failus var sākt lejupielādēt, lai pabeigtu Flutter iestatīšanu. Ja vēl neesat instalējis Android SDK, izvadē tiks parādīts ziņojums, kas palīdzēs instalēt.

Ja vēlaties izstrādāt Android lietotnes, izmantojot Flutter, noklikšķiniet uz termināla izvadā redzamajām saitēm un veiciet attiecīgās darbības, lai instalētu Android SDK.

Šī apmācība ir vērsta uz tīmekļa lietojumprogrammu izveidi, izmantojot Flutter. Lai iespējotu atbalstu tīmekļa lietotņu izveidošanai, pēc kārtas izpildiet šādas komandas:

$ plandīšanās kanāla beta versija
$ plandīšanās jauninājums
$ flutter config --enable-web

Lai pārbaudītu, vai tīmekļa lietojumprogrammu atbalsts patiešām ir iespējots, izpildiet tālāk norādīto komandu:

$ plandīšanās ierīces

Jums vajadzētu iegūt šādu izvadi:

2 pievienotas ierīces:
Tīmekļa serveris (tīmeklis) • tīmekļa serveris • tīmekļa javascript • plandīšanās rīki
Chrome (tīmeklis) • hroms • tīmekļa javascript • Google Chrome 87.0.4280.66

Ja līdz šim esat pareizi izpildījis darbības, Flutter tagad ir pareizi jāinstalē jūsu sistēmā, gatavs izveidot dažas tīmekļa lietotnes.

Izveidojiet jaunu plandīšanās projektu

Lai izveidotu jaunu “HelloWorld” tīmekļa lietojumprogrammu projektu, izmantojot Flutter, izpildiet tālāk minētās komandas:

$ plandīšanās rada kolēģi
$ cd kolēģis

Lai pārbaudītu jaunizveidoto projektu, palaidiet komandu:

$ flutter run -d hroms

Jums vajadzētu redzēt šādu Flutter tīmekļa lietojumprogrammas demonstrāciju:

Izmantojot pārlūkā Chrome iebūvētos izstrādes rīkus, var atkļūdot tīmekļa lietotnes Flutter.

Modificējiet savu projektu

Iepriekš izveidotajā demonstrācijas projektā ir “galvenā.dart ”fails atrodas mapē“ lib ”. Šajā “galvenajā.šautriņas ”fails tiek ļoti labi komentēts, un to var saprast diezgan viegli. Es iesaku jums vismaz vienu reizi iziet kodu, lai saprastu Flutter lietotnes pamatstruktūru.

Flutter atbalsta “karsto pārlādēšanu”, ļaujot ātri atsvaidzināt lietotni, neatkārtojot to, lai redzētu izmaiņas. Mēģiniet nomainīt lietojumprogrammas nosaukumu no “Flutter Demo Home Page” uz “Hello World !!”Sadaļā“ galvenais.šautriņas ”fails. Kad tas izdarīts, nospiediet ievadiet termināli, lai atsvaidzinātu lietotnes stāvokli, to neatsākot.

Izveidojiet savu plandīšanās lietotni

Lai izveidotu savu Flutter tīmekļa lietotni, izmantojiet tālāk norādīto komandu no projekta direktorija:

$ plandīšanās būvēt tīmekli

Kad būvēšanas process ir pabeigts, projekta direktorijā jābūt jaunai mapei, kas atrodas ceļā “build / web”. Šeit atradīsit visu nepieciešamo “.html ”,“.js ”un“.css ”faili, kas nepieciešami projekta apkalpošanai tiešsaistē. Jūs atradīsit arī dažādus aktīvu failus, kas izmantoti projektā.

Noderīgi resursi

Lai uzzinātu vairāk par tīmekļa lietotņu izstrādi, izmantojot Flutter, skatiet tās oficiālo dokumentāciju. Lai labāk izprastu Flutter lietotnes, varat atsaukties uz oficiālo Dart valodas dokumentāciju. Flutter komplektā ir daudz oficiālu un trešo pušu pakotņu, kuras varat izmantot, lai ātri izstrādātu lietotnes. Šīs paketes varat atrast šeit. Savās tīmekļa lietotnēs varat izmantot materiāla dizaina Flutter logrīkus. Šo logrīku dokumentāciju varat atrast oficiālajā Flutter dokumentācijā. Jūs varat arī sajust šos logrīkus, pārlūkojot materiālu dizaina tīmekļa komponentu darba demonstrācijas.

Secinājums

Flutter ir izstrādāts jau diezgan ilgu laiku, un tas kļūst par pamatu, lai izveidotu starpplatformu lietotnes “rakstīt, kad izvieto visur”. Tā pieņemšana un popularitāte var nebūt tik augsta kā citās šādās sistēmās, taču tas nodrošina stabilu un stabilu API, lai izstrādātu starpplatformu lietojumprogrammas.