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

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

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



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

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

Вы можете открыть любой публичный репозиторий на 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.