Як встановити Flutter в Ubuntu

Flutter – це SDK для створення кросплатформових додатків з використанням єдиної бази коду. Спроєктований, розроблений та оптимізований Google як ідеальний комплект для розробки програмного забезпечення інтерфейсу користувача, що використовується для розробки додатків Android, Linux, Mac, Windows, iOS та Google Fuschia. Flutter написаний на C, C++ та Dart, що дає його досвідченим розробникам легко користуватися з комфортом.

Flutter завоював популярність у спільноті розробників з моменту його випуску, тому що він привабливий для професійних розробників для швидкого створення додатків, а також для програмістів-початківців, яким подобається вивчати кросплатформенну розробку додатків. Однак одна проблема полягає в тому, що встановлення Flutter може бути досить складним завданням.

Flutter

У цій статті ви дізнаєтесь, як встановити програму Flutter на свій комп’ютер з Linux, виконавши завантажені нижче кроки. Зрештою, ви зможете створювати програми Flutter, використовуючи вибраний вами емулятор та Visual Studio Code.

Системні вимоги

Щоб встановити і запустити Flutter, ваше середовище розробки має відповідати наступним мінімальним вимогам:

  • 64-розрядна операційна система Linux з обсягом пам’яті ПЗУ не менше 10 ГБ та обсягом пам’яті ОЗУ 8 ГБ (рекомендується).
  • Встановлено Java 8 і змінне середовище JAVA_HOME встановлено в теку JDK.
  • Встановлено Android Studio, і для змінного середовища ANDROID_SDK_ROOT заданий цей каталог.

Встановіть Java в Ubuntu

Спочатку виконайте наступну команду, щоб перевірити, про всяк випадок, чи встановлена версія Java.

$ java -version

Якщо це не так, виконайте наступну команду, щоб встановити його, а потім перевірте версію, щоб переконатися, що вона встановлена правильно.

$ sudo apt install openjdk-11-jdk
$ java -version

Або

https://linuxthebest.net/uk/yak-vstanoviti-oracle-java-17-lts-na-ubuntu-debian-linux-mint-abo-pop-_os-za-dopomogoyu-shovishha-ppa/

Встановіть Android Studio в Ubuntu

Для запуску Flutter на вашому пристрої має бути встановлена Android Studio. Оскільки ви хочете настроїти середовище розробки, я припускаю, що ваш комп’ютер відповідає мінімальним вимогам.

Завантажте пакет Android Studio для свого Linux і витягніть його в будь-який каталог.

З вашого терміналу запустіть Android Studio, перейшовши в каталог, до якого ви витягли пакет, і запустивши скрипт таким чином:

$ cd android-studio/bin
$ ./studio.sh

Коли відкриється Android Studio, виберіть, чи хочете ви імпортувати попередні налаштування чи ні, та натисніть OK. Зараз вам не потрібно нічого імпортувати.

import android studio settings

Завантажте різні файли Android SDK і всі оновлення. Коли все буде готове, натисніть “Почати новий проєкт Android Studio”.

android studio setup wizard

create new project

Дайте проекту час на збирання. Перші зборки зазвичай займають більше часу, ніж зазвичай, тому що саме на таких етапах у системі встановлюються параметри проєкту та параметри за замовчуванням.

project details

Якщо ви хочете запустити Android Studio, не заходячи в термінал наступного разу, створіть піктограму на робочому столі, обравши Інструменти -> Створити запис на робочому столі.

create android studio desktop shortcut

Встановіть Flutter в Ubuntu

Щоб встановити Flutter в Ubuntu, необхідно спочатку встановити кілька інструментів і бібліотек, необхідних для використання Flutter в Ubuntu.

$ sudo apt install curl file git unzip xz-utils zip libglu1-mesa clang cmake ninja-build pkg-config libgtk-3-dev

Далі завантажуємо Flutter SDK, розпаковуємо файл у папку /development. Це називатиметься флаттером.

$ 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

Додайте інструмент флаттера до свого шляху у файлі .bashrc.

$ nano .bashrc

Коли файл відкриється для редагування, додайте шлях до Flutter SDK до кінця файлу.

export PATH="$PATH:/home/ubuntu/development/flutter/bin"

Поновіть термінал, виконавши наступну команду. Майте на увазі, це працює, тільки якщо Flutter SDK знаходиться у вашому домашньому каталозі.

$ source .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/development/flutter/bin

Далі запускаємо flutter doctor.

$ flutter doctor

run flutter doctor

Очікуйте, що список проблем відображатиметься для різних категорій. Не бійтеся, ось кроки, щоб їх виправити:

1. Інструменти командного рядка Android SDK з Файл -> Налаштування -> Зовнішній вигляд і поведінка -> Системні налаштування -> Android SDK -> Інструменти SDK та встановіть прапорець «Інструменти командного рядка Android SDK (остання версія)», а потім натисніть кнопку ОК для установки.

install android studio commandline tools

2. Щоб використовувати Flutter, ви повинні виконати наступну команду, щоб погодитись з ліцензіями платформи Android SDK.

$ flutter doctor --android-licenses 

Встановіть плагін Flutter у Android Studio

Щоб встановити плагін Flutter, натисніть «Налаштувати» на екрані «Ласкаво просимо до Android Studio» та виберіть «Плагіни». Або знайдіть Flutter в меню “Файл”> “Налаштування”> “Плагіни”> “Шукати в репозиторіях”.

install flutter in android studio

Звідти встановіть плагіни Flutter та Dart для Android Studio.

Додавання емулятора Android

Тепер, коли плагіни Dart та Flutter встановлені, виберіть Менеджер віртуальних пристроїв Android (AVD) у меню «Інструменти» та «Створити віртуальний пристрій». Виберіть категорію «Телефон», щоб вибрати будь-яке обладнання на вибір, і натисніть «Далі».

virtual device configruation

Наступним кроком буде вибір зображення. Виберіть R і натисніть “Далі”.

Створення вашого першого проекту у VS Code

Спочатку знайдіть та встановіть розширення Flutter та Dart у VS Code. Коли це буде зроблено, введіть у свій термінал наступну команду:

$ flutter create example_project && code example_project

Це створить проект з ім’ям example_project і запустить його до VS Code. Виберіть «Немає пристрою» в нижньому правому куті редактора, щоб завантажити емулятор. Після завантаження запустіть емулятор, якщо він не відкривається автоматично.

Поділіться своєю знахідкою

Залишити відповідь

1 Комментарий
Новіші
Старіші Найпопулярніші
Вбудовані Відгуки
Переглянути всі коментарі
Dimitrii

Угу и в конце:
Создание вашего первого проекта в VS Codeпричем здесь VS Code!?

1
0
Ми любимо ваші думки, будь ласка, прокоментуйте.x