Программирование Dart с помощью онлайн-инструмента DartPad

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

Если вы ищете инструмент, который изучает только язык Dart ,то DartPad для вас. DartPad - это инструмент с открытым исходным кодом, который может работать в любом современном браузере, который готов к кодированию без установки каких-либо других расширений.

Исходный код DartPad доступен на GitHub:

В своем браузере посетите один из следующих адресов:

Интерфейс DartPad, который вы видите, по умолчанию используется для языка Dart. Это очень просто, левое окно предназначено для написания кода, правое окно выводит вывод программы. Кроме того, в нем также приведены примеры для справки.

DartPad - это онлайн-инструмент. Библиотеки, которые он поддерживает, уже интегрированы в этот инструмент на сервере. В настоящее время этот инструмент поддерживает только несколько базовых и популярных библиотек и не поддерживает интеграцию других внешних библиотек. В любом случае для разработки практических приложений вам все равно понадобится специализированная IDE.

Поддерживаемые библиотеки Dart:

Поддерживаемые базовые библиотеки Flutter:

Неподдерживаемые библиотеки::

Список поддерживаемых библиотек может измениться в будущих версиях DartPad. Вы можете обновить эту информацию по ссылке ниже:

Чтобы создать приложение Dart command-line. Используйте "New Pad":

Приложение создается с образцом кода. Удалите это содержимое и замените его своим собственным кодом. Например:

void main() {
  for (var char in 'hello'.split('')) {
    print(char);
  }
}

Нажмите кнопку "Run", чтобы запустить приложение и увидеть результаты в окне Console.

Чтобы создать Dart HTML, используйте "New Pad":

DartPad создает приложение для обработки HTML:

Затем, чтобы создать приложение Flutter, выполните следующие действия:

Смотрите также:

Если у вас есть обучающий website по Dart, вы можете встроить DartPad на свою web-страницу. Это позволяет пользователям запускать ваш пример непосредственно на website. В следующей статье показано, как встроить DartPad на website и как настроить его в соответствии с вашим использованием: