Программирование дротиков - окружающая среда

В этой главе обсуждается настройка среды выполнения для Dart на платформе Windows.

Выполнение скрипта онлайн с помощью DartPad

Вы можете протестировать свои скрипты онлайн, используя онлайн-редактор по адресу https://dartpad.dartlang.org/. Редактор Dart выполняет сценарий и отображает как HTML, так и вывод консоли. Онлайн-редактор поставляется с набором предустановленных примеров кода.

Скриншот Dartpad редактор приведен ниже -

Dartpad также позволяет вводить код в более строгой форме. Этого можно добиться, установив флажок «Сильный режим» в правом нижнем углу редактора. Сильный режим помогает с -

Более сильная статическая и динамическая проверка
Генерация идиоматического кода JavaScript для лучшей совместимости.

Вы можете попробовать следующий пример с помощью Dartpad

void main() { 
   print('hello world'); 
}

Код отобразит следующий вывод

hello world

Настройка локальной среды

В этом разделе давайте посмотрим, как настроить локальную среду.

Использование текстового редактора

Примеры нескольких редакторов включают Windows Notepad, Notepad ++, Emacs, vim или vi и т. Д. Редакторы могут отличаться от одной операционной системы к другой. Исходные файлы обычно имеют расширение «.dart».

Установка Dart SDK

Текущая стабильная версия Dart 1.21.0. Вdart sdk можно скачать с -

https://www.dartlang.org/install/archive
http://www.gekorm.com/dart-windows/

Снимок экрана установки Dart SDK приведен ниже -

По завершении установки SDK установите для переменной среды PATH значение -

<dart-sdk-path>\bin

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

Чтобы проверить, успешно ли установлен Dart, откройте командную строку и введите следующую команду -

Dart

Если установка прошла успешно, отобразится время выполнения dart.

Поддержка IDE

Множество IDE поддерживают создание сценариев в Dart. Примеры включаютEclipse, IntelliJ, а также WebStorm из реактивных мозгов.

Ниже приведены шаги по настройке среды Dart с использованием WebStrom IDE.

Установка WebStorm

Установочный файл для WebStorm можно скачать с https://www.jetbrains.com/webstorm/download/#section=windows-version.

Установочный файл WebStorm доступен для Mac OS, Windows и Linux.

После загрузки установочных файлов выполните следующие действия:

Установите Dart SDK: см. Шаги, перечисленные выше
Создайте новый проект Dart и настройте поддержку Dart
Чтобы создать новый проект Dart,
- Нажмите Create New Project с экрана приветствия
- В следующем диалоговом окне нажмите Dart
Если для параметра не указано значение Dart SDKпуть, затем укажите путь к SDK. Например, путь к SDK может быть<dart installation directory>/dart/dartsdk.

Добавить файл Dart в проект

Чтобы добавить файл Dart в проект -

Щелкните правой кнопкой мыши проект
Создать → Файл Dart
Введите имя Dart Script

Снимок экрана редактора WebStorm приведен ниже -

Инструмент dart2js

В dart2jsинструмент компилирует код Dart в JavaScript. Компиляция кода Dart в JS позволяет запускать сценарий Dart в браузерах, которые не поддерживают виртуальную машину Dart.

Инструмент dart2js поставляется как часть Dart SDK и может быть найден в /dartsdk/bin folder.

Чтобы скомпилировать Dart в JavaScript, введите в терминале следующую команду

dart2js - - out = <output_file>.js  <dart_script>.dart

Эта команда создает файл, содержащий JavaScript-эквивалент вашего кода Dart. Полное руководство по использованию этой утилиты можно найти на официальном сайте Dart.