Курс Dart Developer (2022) - Урок 1. Настройка среды разработки (Dart IDE)

Урок 1. Настройка среды разработки (IDE Dart)

Этот урок курса Dart Developer (2022) поможет вам настроить среду разработки таким образом, чтобы вы могли получить максимальную отдачу от следующих уроков по программированию.

Существует несколько различных инструментов, которые разработчики Dart используют при создании приложений:

  • DartPad: Это простой браузерный инструмент для написания и выполнения кода Dart. Он доступен на сайте dartpad.dev.Инструмент DartPad для программирования на языке Dart
  • IntelliJ IDEA: IntelliJ – это мощная интегрированная среда разработки, или IDE, которая поддерживает разработку Dart с помощью плагина Dart. Хотя Android Studio, популярная IDE для разработки Flutter, построена на IntelliJ, в этом курсе рекомендуется использовать обычный IntelliJ для чистых проектов Dart. Плагин IntelliJ Dart делает эту задачу проще, чем в Android Studio.
  • Visual Studio Code: Также известный как VS Code, это легкая IDE с чистым и простым интерфейсом. Он полностью поддерживает разработку Dart с помощью расширения Dart.

В курсе по изучению языка Dart используется код Visual Studio для всех примеров, содержащихся в ней, но если у вас есть другая среда IDE, которую вы предпочитаете, то обязательно продолжайте использовать ее для разработки Dart. Однако если у вас нет предпочтений, вы найдете использование VS Code приятным занятием. VS Code также поддерживает разработку Flutter через расширение, так что вы не будете ограничивать себя в будущей разработке Flutter, если сейчас решите пойти по пути VS Code.

Установка кода Visual Studio

Visual Studio Code – это кроссплатформенная среда IDE с открытым исходным кодом от Microsoft. Он работает на Windows, macOS и Linux, так что если единственное устройство, которое у вас есть в вашем распоряжении, – это мобильный телефон, то вы застрахованы!

Примечание: Если у вас есть только мобильный телефон, не отчаивайтесь! Вы можете запустить большинство примеров кода в этой книге на dartpad.dev, который должен отлично работать в любом современном мобильном браузере.

Скачать Visual Studio Code можно по адресу code.visualstudio.com, и следуйте инструкциям, приведенным на сайте, чтобы установить его.

Вам также понадобится Dart SDK, который вы установите в следующем разделе.

Установка Dart SDK

Dart Software Development Kit, или SDK, представляет собой набор инструментов командной строки, которые позволяют разрабатывать приложения Dart.

Перейти к https://dart.dev/get-dart и следуйте инструкциям на этом сайте, чтобы загрузить и установить Dart SDK на вашу платформу.

Примечание: Flutter поставляется с копией Dart SDK, так что если вы уже установили последнюю версию Flutter, то все в порядке. На момент написания этого урока текущей стабильной версией Flutter была 2.10.4, которая включает в себя Dart 2.16.2.

Не забудьте прописать PATH к месту установки Flutter SDK, в противном случае IDE и терминал не смогут найти Dart SDK. Если возникли сложности с установкой на macOS прочтите эту статью Can’t Find the PATH To the Flutter SDK, если проблемы на windows, эту Настройка Path Flutter в Windows 10

flutterapps.ru

Проверка установки Dart SDK

После установки Dart выполните следующую команду в терминале, чтобы убедиться, что он работает:

dart --version

Вы должны увидеть текущую версию Dart.

Содержание SDK

Теперь проверьте, что предлагает вам Dart SDK, введя следующую команду в терминале:

dart help

Вы увидите список инструментов, входящих в состав SDK. Хотя в этом курсе мы не будем напрямую взаимодействовать с большинством из них, полезно знать, чем они занимаются:

  • analyze: ваша IDE использует этот инструмент, чтобы сообщить вам, когда вы допустили ошибку в своем коде. Чем скорее вы это узнаете, тем скорее сможете все исправить!
  • compile: Этот инструмент компилирует код Dart в оптимизированную собственную исполняемую программу для Windows, Linux или macOS. Это называется опережающей компиляцией, или AOT. Наряду с собственными исполняемыми файлами веб-технологии являются еще одним важным направлением для Dart, поэтому вы также можете использовать этот compile инструмент для преобразования кода Dart в JavaScript.
  • create: Это для создания новых проектов Dart, которые вы сделаете сами всего за минуту.
  • fix: Одна из целей Dart – продолжать развиваться как язык, не раздуваясь из-за устаревшего или противоречивого кода. Этот fix инструмент предназначен для того, чтобы помочь разработчикам обновить свои старые проекты, чтобы использовать самый блестящий новый синтаксис Dart.
  • format: Отступы в вашем коде легко испортить. Этот милый маленький инструмент автоматически исправит это для вас.
  • migrate: Версия 2.12 была крупным обновлением языка Dart с добавлением функции sound null safety, о которой вы узнаете позже. Этот инструмент помогает перенести старые проекты на использование нулевой безопасности. Однако, поскольку вы начинаете все заново, вам не нужно будет ничего переносить.
  • pub: Pub – это имя менеджера пакетов (the package manager) для Dart и pub инструмент, который обрабатывает задание. Пакет (a package) – это набор стороннего кода, который вы можете использовать в своем собственном проекте Dart. Это может сэкономить вам невероятное количество времени, так как вам не нужно писать этот код самостоятельно. Вы можете просмотреть пакеты, доступные вам в Pub, посетив pub.dev.
  • run: Это запускает вашу программу Dart в виртуальной машине Dart (the Dart Virtual Machine) или виртуальной машине. Виртуальная машина Dart компилирует ваш код прямо перед тем, как он понадобится. В отличие от AOT, это называется just-in-time, или JIT, компиляцией, которая позволит вам вносить небольшие изменения в код и перезапускать его почти мгновенно. Это особенно полезно для таких приложений, как Flutter, где вам нужно будет внести много небольших изменений по мере совершенствования пользовательского интерфейса.
  • test: Dart полностью поддерживает модульное тестирование, и этот инструмент поможет вам сделать это.

Dart в командной строке

Теперь, когда у вас установлен Dart SDK, вы собираетесь использовать виртуальную машину Dart для запуска нескольких строк кода, сначала в одном файле, а затем в виде полного проекта.

Запуск одного файла Dart

Найдите или создайте удобную папку на вашем компьютере, в которую вы можете сохранить проекты Dart, созданные в этом курсе. Создайте новый файл в этой папке и назовите его hello.dart

Написание кода

Затем добавьте следующий код Dart в этот пустой файл:

void main() {
  print('Hello, Dart!');
}

Это создает функцию Dart с именем main. Внутри этой функции вы вызываете другую функцию, print, который отображает текст Hello, Dart! на экране.

Запуск кода

Сохраните файл, а затем выполните следующую команду в той же папке, что и hello.dart:

dart run hello.dart

Ключевое слово run – это run инструмент из Dart SDK, о котором вы узнали ранее. Он запускает код в hello.dart в Dart VM.

Теперь вы должны увидеть следующий вывод в консоли:

Hello, Dart!

Поздравляю! Вы создали и запустили свою первую программу Dart.

Создание полноценного проекта Dart

Приятно иметь возможность запускать один файл, но по мере создания более крупных проектов вам захочется разделить код на управляемые части, а также включить файлы конфигурации и активов. Для этого вам нужно создать полный проект Dart. Помните про create инструмент? Время пришло.

Создание проекта

Перейдите в папку, где вы хотите создать папку проекта, а затем выполните следующую команду в терминале:

dart create hello_dart_application

Это создает простой проект Dart с некоторым кодом по умолчанию.

Запуск проекта

Введите новую папку, которую вы только что создали, следующим образом:

cd hello_dart_application

Теперь запустите проект с помощью следующей команды:

dart run bin/hello_dart_application.dart

Вы увидите текст Hello world!, который является результатом кода в проекте по умолчанию, который create инструмент сгенерировал.

Ключевое слово run на самом деле необязательно. Запустите проект снова без него:

dart bin/hello_dart_application.dart

Опять результат, это – Hello world!

Структура проекта Dart

Взгляните на структуру и содержание папки hello_dart_application:

Структура проекта Dart
Структура проекта Dart

Цели основных элементов в этой папке заключаются в следующем:

  • bin: Содержит исполняемый код Dart.
  • hello_dart_application.dart: Имя совпадает с именем папки проекта. create инструмент сгенерировал этот файл для того, чтобы вы поместили в него свой дарт код.
  • .gitignore: Форматирование для исключения файлов, связанных с Dart, которые вам не нужны, если вы собираетесь разместить свой проект на GitHub или другом репозитории Git.
  • analysis_options.yaml: Содержит специальные правила, которые помогут вам обнаружить проблемы с вашим кодом, процесс, известный как линтинг (linting).
  • CHANGELOG.md: Содержит созданный вручную список последних обновлений вашего проекта в формате Markdown. Всякий раз, когда вы выпускаете новую версию проекта Dart, вы должны сообщить другим разработчикам, что вы изменили.
  • README.md: Содержит базовое (или не очень базовое) описание того,что делает ваш проект и как его использовать. Другие разработчики будут очень признательны за это.
  • pubspec.yaml: Содержит список сторонних зависимостей Pub, которые вы хотите использовать в своем проекте. Название “pubspec” расшифровывается как “Pub specifications”. Вы также устанавливаете номер версии своего проекта в этом файле.

ПримечанияYAML расшифровывается как “YAML Ain’t Markup Language” (“YAML – это не язык разметки”), одна из тех рекурсивных аббревиатур, которыми любят развлекаться программисты. YAML – это чистый и читаемый способ форматирования конфигурационных файлов, и вы часто будете сталкиваться с этим типом файлов в своей карьере Dart.

Простое и полное консольное приложение

Когда вы создали свой проект с помощью create инструмента выше, он создал простое консольное приложение, потому что это реакция по умолчанию. Однако вы можете создавать другие типы проектов, используя --template вариант.

Например, если вы использовали следующую команду для создания своего проекта:

dart create --template console-full hello_dart_project

Это дало бы вам следующие каталоги и файлы:

Структура полного проекта Dart
Структура полного проекта Dart

Есть два дополнительных каталога: lib и test. В более крупных проектах у вас будет много файлов .dart, которые вы организуете под lib. Вероятно, вам также понадобятся тесты для выполнения ваших проектов Dart, и вы можете поместить их в test.

Для вашей работы в этом курсе будет достаточно создания простых консольных проектов. Однако если вы хотите создавать полноценные консольные проекты, это не повлияет на ваш прогресс в изучении курса Dart Developer (2022).

Следующий урок >>


Для углубленного изучения кроссплатформенной разработки мобильных приложений под iOS и Android предлагаем дополнительно ознакомиться с нашими бесплатными курсами и уроками на русском языке по современным технологиям и языкам программирования: SwiftUIKit, SwiftUI, Kotlin, Kotlin Multiplatform (KMP), Dart, Flutter.

Похожие записи