Первое приложение в Visual Studio Code

Одним из популярнейших текстовых редакторов на сегодняшний день является Visual Studio Code. И Google предоставляет для него плагин для разработки под Flutter.

Для его установки перейдем к пункту меню View -> Extensions.

После этого откроется панель расширений. Введем в поле поиска слово "Flutter":

Нужный плагин носит имя "Flutter" (как правило, первый результат среди результатов поиска). И для его установки нажмем на кнопку Install.

Поскольку этот плагин зависит от плагина для Dart, то плагин Dart также автоматически будет установлен.

После установки плагина создадим первый проект. Для этого перейдем к пункту меню View -> Command Palette. В открышееся окно поиска введем слово "flutter" и среди результатов выберем Flutter: New Application Project.

Затем в новом окне выберем папку, где будет располагаться проект

Затем в новом окне введем название проекта, например, "hello_app" и введем Enter

В итоге будет создан проект с той же структурой, что и в предыдущих статьях. А в текстовом редакторе будет открыт файл main.dart:

Для запуска приложения подключим мобильное устройство с Android к компьютеру, а в Visual Studio Code перейдем к пункту меню Run -> Start Debugging. (Если отладка нам неважна и мы хотим посто запустить проект, то выбирается пункт Run Without Debugging)

В результате будет построено приложение. Сверху VS Code ообразится панель для управления отладкой, а снизу ообразится вся отладочная информация

А на мобильном устройств будет запущено приложение