EmberJS - Creazione ed esecuzione dell'applicazione

Puoi facilmente configurare Ember.js nel tuo sistema. L'installazione di Ember.js è spiegata nel capitolo Installazione di EmberJS .

Creazione dell'applicazione

Creiamo una semplice app usando Ember.js. Per prima cosa crea una cartella in cui crei le tue applicazioni. Ad esempio, se hai creato la cartella "emberjs-app", accedi a questa cartella come:

$ cd ~/emberjs-app

All'interno della cartella "emberjs = app", crea un nuovo progetto utilizzando il nuovo comando -

$ ember new demo-app

Quando crei un progetto, il nuovo comando fornisce la seguente struttura di directory con file e directory:

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

bower.json
ember-cli-build.js
package.json
README.md
testem.js

  • app - Specifica le cartelle e i file di modelli, rotte, componenti, modelli e stili.

  • bower_components / bower.json- Viene utilizzato per la gestione dei componenti come HTML, CSS, JavaScript, file di immagine, ecc e può essere installato utilizzando npm. La directory bower_components contiene tutti i componenti Bower e bower.json contiene l'elenco delle dipendenze installate da Ember, Ember CLI Shims e QUnit.

  • config- Contiene la directory environment.js che viene utilizzata per configurare le impostazioni di un'applicazione.

  • dist - Include i file di output che vengono distribuiti durante la creazione dell'app.

  • node_modules / package.json- NPM è un gestore di pacchetti di nodi per Node.js che viene utilizzato per l'installazione, la condivisione e la gestione delle dipendenze nei progetti. Il file package.json include le dipendenze npm correnti di un'applicazione ei pacchetti elencati vengono installati innode_modules directory.

  • public - Include risorse come immagini, caratteri, ecc.

  • vendor - È una directory in cui le dipendenze front-end come JavaScript, CSS non sono controllate da Bower.

  • tests / testem.js- I test automatizzati vengono memorizzati nella cartella dei test e il test runner testem di Ember CLI è organizzato in testem.js .

  • tmp - Contiene i file temporanei di Ember CLI.

  • ember-cli-build.js - Specifica come creare l'app utilizzando Ember CLI.

Applicazione in esecuzione

Per eseguire l'applicazione, vai alla directory del progetto appena creata -

$ cd demo-app

Abbiamo creato il nuovo progetto ed è pronto per essere eseguito con il comando riportato di seguito -

$ ember server

Ora apri il browser e vai a http://localhost:4200/. Riceverai la pagina di benvenuto di Ember come mostrato nell'immagine qui sotto -