Мы все слышали о крутых новых функциях и виджетах, которые были добавлены
в новую версию flutter 1.5.4, и многие разработчики в восторге от этого.
Мне очень нравится Flutter, потому что теперь я могу разрабатывать Web, Мобильные и настольные
приложения из единой базы кода.
для тех из вас, кто не знает, что такое флаттер.
Flutter - это портативный набор инструментов пользовательского интерфейса Google для создания красивых, нативных приложений для мобильных устройств и Интернета. , и рабочий стол из единой кодовой базы.
Перед тем, как начать изучать Flutter, вы должны изучить язык программирования Dart, который использует Flutter.
Что может предложить флаттер:
Быстрое развитие
Оживите свое приложение за миллисекунды с помощью функции Hot Reload с отслеживанием состояния. Используйте богатый набор полностью настраиваемых виджетов для создания собственных интерфейсов за считанные минуты.
Выразительный и гибкий интерфейс
Быстро поставляйте функции с упором на собственный опыт конечных пользователей. Многоуровневая архитектура допускает полную настройку, что приводит к невероятно быстрому рендерингу и выразительному и гибкому дизайну.
Родная производительность
Виджеты Flutter включают в себя все важные различия платформ, такие как прокрутка, навигация, значки и шрифты, чтобы обеспечить полную производительность как на iOS, так и на Android.
В новом выпуске Flutter мы рассмотрим Flutter для Интернета, который позволяет вам использовать Flutter для веб-разработки.
Flutter для Интернета - это совместимая с кодом реализация Flutter, которая отображается с использованием стандартных веб-технологий: HTML, CSS и JavaScript. С помощью Flutter для Интернета вы можете скомпилировать существующий код Flutter, написанный на Dart, в клиентский интерфейс, который можно встроить в браузер и развернуть на любом веб-сервере. Вы можете использовать все функции Flutter, и вам не нужен плагин для браузера.
Flutter для Интернета в настоящее время доступен в качестве технической предварительной версии.
Примечания к техническому превью от команды Flutter
Технический предварительный просмотр Flutter для Интернета - это ваша возможность опробовать нашу работу. Прежде чем начать, сделаем несколько заметок:
- Мы разрабатываем Flutter для Интернета в форке репозитория Flutter. Это позволяет выполнять быстрые итерации при сохранении стабильности основного репозитория Flutter.
- Мы уже начали работу по слиянию веб-кода с основным репозиторием. В конце концов, у нас будет единый SDK / Framework с одним набором виджетов, который будет работать на всех платформах.
- API-интерфейсы виджетов Flutter идентичны API-интерфейсам мобильных виджетов, но временно упакованы отдельно.
- Вы можете перепаковать существующий код Flutter для работы в предварительной версии в Интернете, но есть некоторые предостережения, пока мы еще не завершили предварительную версию. Ознакомьтесь с инструкциями для получения более подробной информации.
Давайте начнем.
Мы будем использовать Visual Studio Code, потому что это лучший текстовый редактор для Flutter.
Чтобы загрузить VS Code, щелкните здесь.
- Вам нужно будет загрузить Flutter SDK. Нажмите здесь.
Прочтите инструкцию по настройке флаттера. - Запустите VS Code и загрузите расширение Flutter.
3. Запустите команду Flutter: New Web Project
из VS Code, нажав F1
Она попросит вас назвать свой проект, назовите его как хотите.
Должно открыться новое окно и начать создание проекта.
После создания проекта запустите приложение, нажав F5 или «Отладка -› Начать отладку », оно начнет активировать webdev
4. VS Code будет использовать webdev
инструмент командной строки для создания и запуска вашего приложения; должно открыться новое окно Chrome, показывающее ваше запущенное приложение
И это конец краткого руководства по настройке Flutter для Интернета.
Чтобы узнать больше о Flutter, посетите https://www.flutter.dev.
Flutter - действительно отличный инструмент, и он будет доступен еще долго. со временем, так что вам лучше научиться его использовать, так как это упростит и ускорит вашу разработку.
Если вы столкнетесь с какими-либо ошибками, я буду рад помочь.
Подпишитесь на меня, чтобы узнать больше, и дайте этой статье аплодисменты, если тебе понравилось.