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 -