Автор оригинала: Dilpreet Singh.
Начало работы с Ember JS. Недавно у меня есть шанс получить мои руки на Ember JS, работая над проектом Open-Event. EMBER – это интерфейсная каркас, которая позволяет нам создавать модульные и гибкие приложения. Эмбер использует шаблон архитектуры архитектуры MVC (Model-View-Controller), маршрут используется в качестве модели, шаблона для ручки As As As View и Controller манипулирует данные в модели. Эта статья представит вам ember. Мы устанавливаем Ember, объясните структуру и создаем наше первое приложение Ember. Давайте начнем.
Установка Ember CLI на вашу машину. Утилита Ember Cli позвольте вам создать и управлять своими эмберскими проектами и справиться с различными видами управления приложением Asset, таких как Concateenation, Minificate, а также предоставляет генераторы для создания компонентов, маршрутов и т. Д. Для установки EMBER CLI вы должны установить эти зависимости.
Git Node.js и NPM Bower Watchman (необязательно) Phantomjs (необязательно)
После установки всех необходимых зависимостей вы можете установить EMBER CLI с помощью NPM.
npm install -g ember-cli
Чтобы проверить, если он успешно установлен
ember -v
Создание нового приложения Ember
Чтобы создать новое приложение Ember Перейдите к папке, где вы хотите, чтобы ваш проект был и использовать
ember new first-app
Когда вы создаете новое приложение Ember с использованием команды New App-name app-name, она обеспечивает следующую структуру каталогов с файлами и каталогов: приложение: он содержит папки и файлы моделей, маршрутов, компонентов, шаблонов и стилей.
Bower_components : Справочник Bower_Components содержит все компоненты Bower и Bower.json содержит список зависимостей, которые устанавливаются Ember. config .: Он содержит Survey.js каталог, который используется для настройки настроек приложения. Dist : Он включает в себя выходные файлы, которые развернуты при создании приложения. node_modules : Он содержит все установленные модули, указанные в Package.json, которые могут быть установлены с помощью NPM. публичный : Он содержит активы, используемые в приложении, такие как изображения, звуки, шрифты и т. Д. поставщик : Этот каталог содержит все передние зависимости, такие как JavaScript, CSS, которые не контролируются Bower. Тесты : Автоматизированные тесты хранятся в тестах папка и тестовой проходной проходной тестирующей тестирующей ember CLI устроен в Testem.js. TMP : Он содержит временные файлы EMBER CLI. Ember-Cli-build.js : Он указывает, как создать приложение, используя EMBER CLI. Bower.json Ember-Cli-build.js Package.json Readme.md testem.js.
Каталог приложений содержит все файлы приложений Ember. Его структура выглядит следующим образом
app.js – Декларация глобального объекта приложения, который расширяет Ember.Application Приложение/Модели/ – Модель классов, которые представляют ресурсы Приложение/Контроллеры/ – контроллеры, которые управляют ресурсами и связаны с просмотром Приложение/Просмотры/ – Просмотр классов, организованных в подпапках Приложение/шаблоны/ – Шаблоны руль, организованные в подпапках, чтобы соответствовать просмотрам приложение/помощники/ – Русские помощники поставщик/ – Поставщики поставщики, такие как Ember.js lib/ – Общие настройки к Ember
Запуск приложения Чтобы запустить приложение, перейдите к каталогу проекта и используйте
ember serve
Откройте свой браузер и перейдите к http://localhost: 4200/