Инсталирајте Флуттер на Линук
Можете инсталирати Флуттер у Линук помоћу две методе. Прва метода је прилично једноставна, све што треба да урадите је да покренете једноставну команду за инсталацију Флуттера из снап сторе-а.
$ судо снап инсталл флуттер --цлассицДруги метод укључује преузимање спремишта лепршавих података са ГитХуб-а. Извршите следеће наредбе заредом да бисте ручно инсталирали Флуттер:
$ судо апт инсталл гит$ гит клон хттпс: // гитхуб.цом / лепршати / лепршати.гит -б стабилан - дубина 1 - без појединачних грана
Имајте на уму да ће покретање горње наредбе добити потребне датотеке из званичног спремишта Флуттер, укључујући извршне бинарне датотеке. Моћи ћете да извршите ове бинарне датотеке из директоријума „бин“. Међутим, ове извршне датотеке неће бити додате у системску променљиву ПАТХ и нећете их моћи покренути од било кога осим ако их ручно не додате у променљиву ПАТХ. Да бисте то урадили, следите доленаведене кораке.
Отвори “.басхрц ”у вашој кућној фасцикли помоћу вашег омиљеног уређивача текста:
$ нано “$ ХОМЕ /.басхрц ”Додајте следећи ред на дну датотеке, пажљиво замењујући
На пример, ако сте преузели спремиште Флуттер у директоријум „Преузимања“, мораћете да додате следећи ред:
екпорт ПАТХ = "$ ПАТХ: $ ХОМЕ / Довнлоадс / флуттер / бин"Сачувајте датотеку када завршите. Освјежи ".басхрц ”датотеку покретањем наредбе испод:
$ извор “$ ХОМЕ /.басхрц ”Да бисте верификовали да је Флуттерова фасцикла „бин“ додата на путању, покрените наредбу испод:
$ ецхо $ ПАТХТребали бисте добити овакав излаз:
/ уср / лоцал / сбин: / уср / лоцал / бин: / уср / сбин: / уср / бин: / сбин: / бин: / уср / гамес: / уср / лоцал / гамес: / снап / бин: / хоме / нит / Довнлоадс / флуттер / бин
Приметите присуство кључне речи „флуттер“ и пуну путању која приказује директоријум „бин“ у директоријуму „флуттер“.
Да бисте проверили да ли се команда „лепршање“ може покренути са било које путање, користите наредбу испод:
$ који лепршајуТребали бисте добити овакав излаз:
/ хоме / нит / Довнлоадс / флуттер / бин / флуттер
Имајте на уму да језик „Дарт“, који је потребан за писање Флуттер апликација, долази у пакету са Флуттер датотекама преузетим из гит спремишта или из снап пакета. Покрените следећу наредбу да бисте проверили недостајуће зависности потребне за покретање Флуттера:
$ лепршави лекарНеке потребне датотеке могу почети да се преузимају да би се довршило подешавање Флуттера. Ако још нисте инсталирали Андроид СДК, на излазу ће се појавити порука која ће вас водити кроз инсталацију.
Ако желите да развијете Андроид апликације помоћу Флуттера, кликните на везе видљиве на излазу терминала и следите релевантне кораке за инсталирање Андроид СДК-а.
Овај водич се фокусира на изградњу веб апликација помоћу Флуттера. Да бисте омогућили подршку за креирање веб апликација, узастопно покрените следеће команде:
$ флуттер канал бета$ флуттер надоградња
$ флуттер цонфиг --енабле-веб
Да бисте проверили да ли је подршка за веб апликације заиста омогућена, покрените наредбу у наставку:
$ лепршави уређајиТребали бисте добити овакав излаз:
2 повезана уређаја:
Веб сервер (веб) • веб сервер • веб-јавасцрипт • Флуттер Тоолс
Цхроме (веб) • хром • веб-јавасцрипт • Гоогле Цхроме 87.0.4280.66
Ако сте до сада правилно следили кораке, Флуттер би сада требао бити правилно инсталиран на вашем систему, спреман за креирање неких веб апликација.
Направите нови Флуттер пројекат
Да бисте креирали нови пројекат „ХеллоВорлд“ веб апликације користећи Флуттер, покрените доле наведене команде:
$ флуттер ствара хелловорлд$ цд хелловорлд
Да бисте тестирали свој новостворени пројекат, покрените наредбу:
$ флуттер рун -д хромТребали бисте видети демонстрацију веб апликације Флуттер попут ове:
Флуттер веб апликације можете отклонити грешком помоћу развојних алата уграђених у Цхроме.
Измените свој пројекат
Демо пројекат који сте горе креирали садржи „главно.дарт “датотека која се налази у фасцикли„ либ “. Код садржан у овом „главном.дарт ”датотека се врло добро коментарише и може се прилично лако разумети. Предложио бих вам да бар једном прођете кроз код да бисте разумели основну структуру апликације Флуттер.
Флуттер подржава „вруће поновно учитавање“, што вам омогућава да брзо освежите апликацију без поновног покретања да бисте видели промене. Покушајте да промените наслов апликације из „Флуттер Демо Хоме Паге“ у „Хелло Ворлд !!" у основи.стрелица ”. Када завршите, притисните
Направите своју апликацију Флуттер
Да бисте изградили своју веб апликацију Флуттер, користите наредбу наведену испод из директоријума вашег пројекта:
$ флуттер гради вебКада се процес израде заврши, требало би да имате нову фасциклу у директоријуму вашег пројекта која се налази на путу „буилд / веб“. Овде ћете наћи све потребно “.хтмл ”,“.јс “и„.цсс ”датотеке потребне за служење пројекта на мрежи. Такође ћете пронаћи разне датотеке имовине које се користе у пројекту.
Корисни ресурси
Да бисте сазнали више о развоју веб апликација помоћу Флуттера, погледајте његову званичну документацију. Можете се позвати на званичну документацију за језик Дарт да бисте боље разумели апликације Флуттер. Флуттер долази са мноштвом службених и независних пакета које можете користити за брзи развој апликација. Ове пакете можете пронаћи овде. У својим веб апликацијама можете да користите виџете Флуттер за дизајн материјала. Документацију за ове виџете можете пронаћи у званичној Флуттер документацији. Овим виџетима можете такође пружити увид у радне демонстрације веб компоненти за дизајн материјала.
Закључак
Флуттер се развија већ дуже време и расте као оквир за развој вишеплатформних апликација „пиши једном кад се било где примени“. Његово усвајање и популарност можда нису тако високи као други такви оквири, али пружа стабилан и робустан АПИ за развој вишеплатформских апликација.