Вступление
Несколько недель назад я написал статью, в которой подробно описано, как быстро создать кроссплатформенное мобильное приложение с помощью React Native и запустить его на своем устройстве. Если вы не читали эту статью, вы можете сделать это здесь ...
Поскольку эта статья получила большой резонанс, я решил написать аналогичную статью о Flutter!
Лучше смотреть видео, чем читать? Смотрите эту статью в видеоформате на YouTube:
Что такое флаттер?
Flutter, созданный Google, представляет собой набор инструментов пользовательского интерфейса для создания красивых, скомпилированных в исходном коде приложений для мобильных устройств, Интернета и настольных компьютеров. Приложения Flutter созданы с использованием языка программирования дартс.
Первый шаг - загрузить Flutter SDK с веб-сайта flutter. Обязательно загрузите тот, который подходит для вашей машины.
Затем нам нужно распаковать эту папку и переместить ее в более надежное место. Найдите заархивированный файл в папке загрузок и дважды щелкните его, чтобы распаковать.
Затем создайте папку с именем Developer прямо под вашим основным пользователем. Внутри этой папки поместите распакованную папку flutter. Вот моя структура папок:
/Users/bjcarlson/Developer/flutter
Вместо bjcarlson вы должны увидеть свое имя пользователя. Это для Mac, но окна должны быть похожими.
Последний шаг - сообщить нашей машине, где найти эти файлы, когда мы захотим их использовать! Для этого откройте окно терминала и напишите:
vim .bash_profile
Здесь мы напишем:
export PATH="$PATH:/Users/bjcarlson/Developer/flutter/bin"Конечно, замените мое имя пользователя на ваше. Для выхода и сохранения напишите:
:wq!
После этого выйдите и перезапустите терминал.
Чтобы убедиться, что все работает, снова откройте терминал и напишите:
flutter --version
Если вы получили следующий результат, значит, вы все сделали правильно.
Теперь мы можем создать приложение.
Перейдите туда, где вы хотите разместить это приложение, и запустите:
flutter create my_awesome_app
Перейдите в папку и запустите команду запуска.
cd my_awesome_app flutter run
Вот и все! Теперь ваше приложение запустится на реальном устройстве, если оно у вас подключено, или на симуляторе, если вы его настроили. Подробнее об этом см. Flutters docs.
Удачного кодирования!
