EmberJS - Создание и запуск приложения

Вы можете легко настроить Ember.js в своей системе. Установка Ember.js описана в главе « Установка EmberJS» .

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

Давайте создадим одно простое приложение с использованием Ember.js. Сначала создайте одну папку, в которой вы будете создавать свои приложения. Например, если вы создали папку «emberjs-app», перейдите в эту папку как -

$ cd ~/emberjs-app

Внутри папки «emberjs = app» создайте новый проект с помощью новой команды -

$ ember new demo-app

Когда вы создаете проект, новая команда предоставляет следующую структуру каталогов с файлами и каталогами:

|-- app
|-- bower_components
|-- config
|-- dist
|-- node_modules
|-- public
|-- tests
|-- tmp
|-- vendor

bower.json
ember-cli-build.js
package.json
README.md
testem.js
  • app - В нем указаны папки и файлы моделей, маршрутов, компонентов, шаблонов и стилей.

  • bower_components / bower.json- Он используется для управления такими компонентами, как HTML, CSS, JavaScript, файлы изображений и т. Д. И может быть установлен с помощью npm. Bower_components каталог содержит все компоненты Бауэр и bower.json содержит список зависимостей , которые устанавливаются по Эмберу, Ember CLI Проставке и QUnit.

  • config- Он содержит каталог environment.js, который используется для настройки параметров приложения.

  • dist - Он включает выходные файлы, которые развертываются при создании приложения.

  • node_modules / package.json- NPM - это менеджер пакетов узлов для Node.js, который используется для установки, совместного использования и управления зависимостями в проектах. Файл package.json включает текущие зависимости приложения от npm, а перечисленные пакеты устанавливаются вnode_modules каталог.

  • public - Он включает такие ресурсы, как изображения, шрифты и т. Д.

  • vendor - Это каталог, в котором клиентские зависимости, такие как JavaScript, CSS, не контролируются Bower go.

  • tests / testem.js- Автоматические тесты хранятся в папке tests, а тестовая программа для запуска тестов интерфейса командной строки Ember находится в testem.js .

  • tmp - Он содержит временные файлы Ember CLI.

  • ember-cli-build.js - В нем указывается, как создать приложение с помощью интерфейса командной строки Ember.

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

Чтобы запустить приложение, перейдите во вновь созданный каталог проекта -

$ cd demo-app

Мы создали новый проект, и он готов к запуску с помощью приведенной ниже команды -

$ ember server

Теперь откройте браузер и перейдите к http://localhost:4200/. Вы получите страницу приветствия Ember, как показано на изображении ниже -