Первое угловое приложение Ext

Автор: Фани Киран Гутта Angular Angular 2 Angular 7 11 февраля 2019 г.

Сегодня на рынке доступно значительное количество интерфейсных фреймворков Javascript. У каждого из них есть свои плюсы и минусы. Из них наиболее популярными в настоящее время являются ExtJS, Angular и React.

ExtJS популярен благодаря поддержке следующих функций:

115+ богатых компонентов
Визуализация богатых данных
Поддержка компьютеров / планшетов / мобильных устройств
Готовые и настраиваемые темы
Пакет данных, не зависящий от серверной части
Инструменты

Angular завоевывает популярность благодаря следующим функциям:

Поддержка компьютеров / планшетов / мобильных устройств
Представление
Инструменты
меньшая занимаемая площадь

Однако Angular как фреймворк не содержит готовых компонентов пользовательского интерфейса. Угловой материал заполняет этот пробел меньшим количеством компонентов пользовательского интерфейса. Sencha разработала ExtAngular, чтобы предоставить Angular возможности ExtJS-rich и UI Component.

Позвоните в WalkingTree Technologies сегодня, чтобы узнать больше о наших услугах в Sencha и Angular.

Sencha недавно анонсировала ранний доступ к ExtAngular. С ExtAngular мы можем легко создавать приложения с богатым пользовательским интерфейсом на Angular.

В этой статье мы пытаемся создать наше Первое приложение ExtAngular с функцией раннего доступа, выполнив следующие шаги:

Получите информацию о раннем доступе к ExtAngular

Получите ранний доступ к ExtAngular, заполнив Форму раннего доступа ExtAngular.

Вы получите электронное письмо от Sencha с доступом к репозиторию npm sencha.myget.

Войдите в репозиторий Sencha.myget npm

Войдите в репозиторий Sencha.myget npm с областью действия @sencha, чтобы ваш узел указывал на репозиторий sencha.myget для получения пакетов ExtAngular:

Вход в npm - registry = https: //sencha.myget.org/F/early-adopter/npm/ - scope = @ sencha

Вам будет предложено ввести имя пользователя и пароль. Введите учетные данные, которые вы получите в электронном письме о предоставлении раннего доступа.

Примечание. Не забудьте ввести свой зарегистрированный адрес электронной почты, заменив @ на .. (две точки)

Установите генератор приложений ExtAngular

Инструмент командной строки ext-angular-gen помогает быстро создать приложение ExtAngular.

Выполните следующую команду для установки:

Выполните команду ниже для установки

npm install -g @ sencha / ext-angular-gen

Вам нужно будет запустить эту команду от имени администратора.

Создать приложение

Выполните следующую команду, чтобы создать шаблон приложения ExtAngular с примерами компонентов.

ext-angular-gen приложение - имя FirstExtAng

FirstExtAng - это название проекта.

Структура папок созданного проекта будет выглядеть, как на снимке ниже:

ext-angular-gen cli имеет интерактивный режим создания приложений, который можно сделать, выполнив команду ниже:

приложение ext-angular-gen - интерактивное

Обратите внимание, что этот интерактивный режим может работать не полностью.

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

Выполнение команды npm start из корневого каталога проекта вызовет сервер со скомпилированным кодом и откроет браузер с обслуживающим URL.

Это образец приложения, которое есть в приложении, созданном ext-angular-gen. Здесь мы можем изменить код и создать собственное приложение.

Резюме

Эта статья позволяет нам понять важные аспекты ExtAngular с помощью примера приложения, показанного выше. В следующей статье мы попытаемся разработать / изменить приложение, чтобы реализовать небольшой вариант использования, давая понимание практических приложений ExtAngular.

Чтобы лучше понять все тонкости приложения Ext Angular, свяжитесь с нашими экспертами по технологиям сегодня.

Вам также может быть интересно прочитать другие интересные блоги о Ext ANGULAR от наших технических экспертов.

Использованная литература:

Https://docs.sencha.com/extangular/6.7.0/guides/getting_started.html

Первоначально опубликовано на сайте walkingtree.tech 11 февраля 2019 г.