EmberJS - Tworzenie i uruchamianie aplikacji

Możesz łatwo skonfigurować Ember.js w swoim systemie. Instalacja Ember.js jest opisana w rozdziale Instalacja EmberJS .

Tworzenie aplikacji

Stwórzmy jedną prostą aplikację za pomocą Ember.js. Najpierw utwórz jeden folder, w którym tworzysz swoje aplikacje. Na przykład, jeśli utworzyłeś folder „emberjs-app”, przejdź do tego folderu jako -

$ cd ~/emberjs-app

W folderze „emberjs = app” utwórz nowy projekt za pomocą nowego polecenia -

$ ember new demo-app

Podczas tworzenia projektu nowe polecenie zapewnia następującą strukturę katalogów z plikami i katalogami -

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

bower.json
ember-cli-build.js
package.json
README.md
testem.js
  • app - Określa foldery i pliki modeli, tras, komponentów, szablonów i stylów.

  • bower_components / bower.json- Służy do zarządzania komponentami, takimi jak HTML, CSS, JavaScript, plikami graficznymi itp. I można go zainstalować za pomocą npm. Katalog bower_components zawiera wszystkie komponenty Bower, a bower.json zawiera listę zależności, które są instalowane przez Ember, Ember CLI Shims i QUnit.

  • config- Zawiera katalog environment.js, który jest używany do konfigurowania ustawień aplikacji.

  • dist - Obejmuje pliki wyjściowe, które są wdrażane podczas tworzenia aplikacji.

  • node_modules / package.json- NPM to menedżer pakietów węzłów dla Node.js, który służy do instalowania, udostępniania i zarządzania zależnościami w projektach. Plik package.json zawiera bieżące zależności npm aplikacji, a wymienione pakiety są instalowane wnode_modules informator.

  • public - Obejmuje zasoby, takie jak obrazy, czcionki itp.

  • vendor - Jest to katalog, w którym zależności front-end, takie jak JavaScript, CSS nie są kontrolowane przez Bower go.

  • tests / testem.js- Testy automatyczne są przechowywane w folderze testy, a test runner testowy interfejsu wiersza polecenia Ember jest umieszczony w testem.js .

  • tmp - Zawiera tymczasowe pliki Ember CLI.

  • ember-cli-build.js - Określa sposób budowania aplikacji przy użyciu interfejsu wiersza polecenia Ember.

Uruchomiona aplikacja

Aby uruchomić aplikację, przejdź do nowo utworzonego katalogu projektu -

$ cd demo-app

Stworzyliśmy nowy projekt i jest on gotowy do uruchomienia poleceniem podanym poniżej -

$ ember server

Teraz otwórz przeglądarkę i przejdź do http://localhost:4200/. Otrzymasz stronę powitalną Ember, jak pokazano na poniższym obrazku -