Настраиваем среду разработки

Узнайте, как настроить локальную среду для разработки приложений Ionic, и научитесь устанавливать приложение Ionic Template App.

Установка Ionic

Приложения Ionic создаются и разрабатываются в основном с помощью утилиты Ionic. Ionic CLI является предпочтительным методом установки, поскольку он предлагает широкий спектр инструментов разработки и опций помощи.

Git

Хотя это и не обязательно, настоятельно рекомендуется использовать систему контроля версий Git. Сначала установите утилиту командной строки со страницы загрузки. Для клиента с графическим интерфейсом мы рекомендуем Github Desktop. Чтобы проверить установку, откройте новое окно терминала и запустите:

$ git --version

NodeJS и npm

Почти все инструменты для современных проектов JavaScript основаны на Node.js. На странице загрузки имеются готовые установочные пакеты для всех платформ. Мы рекомендуем выбрать версию LTS, чтобы обеспечить лучшую совместимость. Node поставляется с npm, менеджером пакетов для JavaScript. Чтобы проверить установку, откройте новое окно терминала и запустите:

$ node --version
$ npm --version

Установите Ionic CLI

Установите Ionic CLI глобально с помощью npm:

$ npm install -g ionic

Установите зависимости приложения

После установки Ionic вам необходимо установить все зависимости, необходимые приложению. Для этого просто запустите следующую команду, используя терминал внутри пути к папке вашего ионного приложения.

$ npm install

Редактор кода

Кодирование приложения будет происходить внутри редактора кода. Лично мы используем VS Code, однако многим нравится Atom. Вы можете выбрать любой редактор кода, который вам нравится.

Запустите приложение

Теперь у нас все установлено, и мы можем протестировать наше приложение Ionic.

$ ionic serve

Работа с документацией

Для ведения документации используется Materal for MkDocs, построенный поверх MkDocs

# Подготовка. Рекомендуется установка в виртуальное окружение
pip install mkdocs-material
# Просмотр
mkdocs serve
# Обновление Github pages
cd wwwdocs
mkdocs gh-deploy --config-file ../mkdocs.yml --remote-branch docs
# commit & push