Учебники

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

Декабрь 15, 2018

Вы можете легко настроить 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, как показано на рисунке ниже —

46
Share: