Начало работы с Ember 2.0: Ember-cli

Node.js

Node.js - это платформа, построенная на среде выполнения JavaScript Chrome для простого создания быстрых и масштабируемых сетевых приложений. Node.js использует управляемую событиями неблокирующую модель ввода-вывода, которая делает его легким и эффективным, идеально подходящим для приложений с интенсивным использованием данных в реальном времени, которые работают на распределенных устройствах.

Node поставляется с NPM, диспетчером пакетов узла. Это можно использовать для установки и управления зависимостями в вашем приложении. Это особенно полезно при распространении приложений. Когда присутствует файл package.json, вы можете запустить команду `npm install`, чтобы быстро и легко установить правильную версию всех зависимостей в вашем проекте.

Вам необходимо установить `node.js`, чтобы запустить` ember-cli`. Если вы еще не установили его, перейдите на http://nodejs.org/.

Ember-cli

Ember CLI - это утилита командной строки Ember.js, которая обеспечивает быстрый конвейер ресурсов на базе Broccoli и сильной традиционной структуры проекта.

Ember-cli - это интерфейс командной строки для создания приложений Ember. Он создан и поддерживается Стефаном Пеннером (iamstef.net), и я помогает структурировать, формировать и развертывать ваши проекты, чтобы вы могли тратить больше времени на создание своих приложений, а не на инструменты. для поддержки ваших приложений.

Он включает в себя несколько инструментов, таких как транспилятор ECMAScript 6 (Babel), конвейер ресурсов (Broccoli) и среду тестирования (Qunit & Тестем ). Он также включает несколько чертежей для построения и поддержки вашего приложения. Эти схемы помогают строить маршруты, модели, контроллеры, компоненты, адаптеры, инициализаторы и представления. Для вас не важно понимать, как это работает при использовании Ember-cli, но это может быть весьма полезно, если вы решите внести свой вклад.

После установки Node.js вы можете установить ember-cli из командной строки.

Чтобы установить Ember CLI, запустите в консоли следующее:

npm install -g ember-cli

Беседка

Bower - еще один популярный диспетчер зависимостей командной строки для интерфейсной разработки. Он понадобится вам не только для разработки приложений ember-cli, но очень вероятно, что вы будете использовать проекты или код, которые включают зависимости bower. Bower отслеживает эти пакеты в файле манифеста, `bower.json`.

Bower использует плоское дерево зависимостей, требующее только одну версию для каждого пакета, что снижает нагрузку на страницу до минимума. Bower CLI следует синтаксису, аналогичному NPM, с несколькими интересными функциями. Например, Bower также может устанавливать статические файлы или репозиторий Github в качестве зависимостей.

Чтобы установить bower, выполните в консоли следующую команду:

npm install -g bower

Инспектор Ember

Ember Inspector - это расширение для Chrome и Firefox, написанное Тедди Зинни. Он добавляет вкладку Ember в инструменты разработчика Chrome или Firefox, которая позволяет вам проверять объекты Ember в вашем приложении.

Хотя разработать приложение Ember без Ember Inspector невозможно, я настоятельно не рекомендую пытаться это сделать, особенно если вы новичок в этой структуре. Это упрощает и упрощает отладку вашего приложения Ember.

После установки этого расширения вы сможете:

Просмотрите все маршруты, определенные в вашем приложении.
Обратитесь к соглашениям Ember об именах для ваших URL-адресов, включая то, как называть контроллеры, шаблоны, маршруты и многое другое.
Добавьте в свое приложение информацию о том, какие шаблоны, контроллеры и модели в настоящее время обрабатываются.
Проверяйте объекты в вашем приложении, такие как модели и контроллеры, с помощью пользовательского интерфейса, который полностью поддерживает функции Ember, такие как привязки и вычисляемые свойства.
Сделайте объекты вашего приложения доступными в консоли как переменную $ E.
Если вы используете Ember Data, просмотрите все загруженные записи.

Интересный факт

Ember Inspector сам по себе является приложением Ember. Если вы хотите перейти на мета в Ember Inspector, вы можете использовать инспектор Ember для проверки самого Ember Inspector!

Когда вы закончите, вы можете перейти сюда, чтобы приступить к нашему следующему проекту Создание простого блога с Ember 2.0. .

Если у вас есть предложения, дайте мне знать в комментариях. Спасибо!

Начало работы с Ember 2.0: Ember-cli