Учебники

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
  • Приложение – определяет папки и файлы моделей, маршрутов, компонентов, шаблонов и стилей.

  • bower_components / bower.json – используется для управления такими компонентами, как HTML, CSS, JavaScript, файлы изображений и т. д., и может быть установлен с помощью npm. Каталог bower_components содержит все компоненты Bower, а bower.json содержит список зависимостей, которые установлены Ember, Ember CLI Shims и QUnit.

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

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

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

  • общедоступный – включает в себя такие активы, как изображения, шрифты и т. д.

  • vendor – это каталог, в котором внешние ссылки, такие как JavaScript, CSS, не контролируются Bower.

  • tests / testem.js – Автоматизированные тесты хранятся в папке «тесты», а тестовый тестер Ember CLI для организатора тестов расположен в testem.js .

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

  • ember-cli-build.js – определяет, как создать приложение с помощью Ember CLI.

Приложение – определяет папки и файлы моделей, маршрутов, компонентов, шаблонов и стилей.

bower_components / bower.json – используется для управления такими компонентами, как HTML, CSS, JavaScript, файлы изображений и т. д., и может быть установлен с помощью npm. Каталог bower_components содержит все компоненты Bower, а bower.json содержит список зависимостей, которые установлены Ember, Ember CLI Shims и QUnit.

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

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

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

общедоступный – включает в себя такие активы, как изображения, шрифты и т. д.

vendor – это каталог, в котором внешние ссылки, такие как JavaScript, CSS, не контролируются Bower.

tests / testem.js – Автоматизированные тесты хранятся в папке «тесты», а тестовый тестер Ember CLI для организатора тестов расположен в testem.js .

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

ember-cli-build.js – определяет, как создать приложение с помощью Ember CLI.

Запущенное приложение

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

$ cd demo-app

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

$ ember server

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