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, как показано на изображении ниже -