image

На Github находится множество демок, примеров, прототипов и реальных приложений, написанных на Angular. Тем не менее, клонирование и инициализация проекта может занять много времени, что затрудняет его совместное использование и просмотр.

Именно поэтому была создана среда разработки StackBlitz, которая позволяет редактировать Angular CLI проекты в браузере. В ней сейчас пишутся примеры из официальной документации Angular.io!

Круто было бы быстро запустить любой Angular CLI проект с Github прямо в браузере, просто изменив URL-адрес?

image

Да, реально! И это делает процесс совместного использования примеров, демонстраций и приложений очень легким.

Как это работает?


Вы можете открыть любой публичный репозиторий на Github, указав имя пользователя + имя репозитория:

stackblitz.com/github/{ИМЯ_ПОЛЬЗОВАТЕЛЯ}/{РЕПОЗИТОРИЙ}

Кроме того, вы также можете указать ветку, тэг или коммит:

stackblitz.com/GitHub/{ИМЯ_ПОЛЬЗОВАТЕЛЯ}/{РЕПОЗИТОРИЙ}/tree/{ТЭГ|ВЕТКА|КОММИТ}

Загрузка за считанные секунды


Больше не нужна загрузка, клонирование или установка. Благодаря Turbo package manager StackBlitz установит все зависимости и загрузит ваше приложение за считаные секунды.

Редактирование «живого» кода в реальной среде


StackBlitz идет «из коробки» со всеми функциональными возможностями, которые есть в вашей локальной версии VS Code, например: intellisense, go to definition, hot reloading, полный доступ к npm и многое другое.

Бета-версия!


Хотелось бы услышать ваши отзывы! Сейчас этот функционал, вероятно, лучше всего подходит для небольших приложений и примеров, поскольку он еще не реализован до конца, но если вы найдете что-то, что не работает, не стесняйтесь сообщать о проблеме в Github issue, на канале Discord или в twitter @stackblitz.

Русскоговорящее собщество


Присоединяйтесь в telegram.

Комментарии (2)


  1. nRenaissance
    17.02.2018 14:43

    Браво.


  1. yinfo
    18.02.2018 18:41
    +1

    Впечатляет! За 5 секунд запустил с git проект codediodeio/angular-firestarter. Это пример работы с Firebase из Angular от создателя библиотеки angularfire2. Только свои данные доступа поставить в environment.ts и все работает. Фантастика.