EmberJS - Creación y ejecución de aplicaciones

Puede configurar fácilmente Ember.js en su sistema. La instalación de Ember.js se explica en el capítulo Instalación de EmberJS .

Creando Aplicación

Creemos una aplicación simple usando Ember.js. Primero cree una carpeta donde crea sus aplicaciones. Por ejemplo, si ha creado la carpeta "emberjs-app", navegue a esta carpeta como:

$ cd ~/emberjs-app

Dentro de la carpeta "emberjs = app", cree un nuevo proyecto usando el nuevo comando -

$ ember new demo-app

Cuando crea un proyecto, el nuevo comando proporciona la siguiente estructura de directorios con archivos y directorios:

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

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

  • app - Especifica las carpetas y archivos de modelos, rutas, componentes, plantillas y estilos.

  • bower_components / bower.json- Se utiliza para gestionar componentes como HTML, CSS, JavaScript, archivos de imagen, etc. y se puede instalar mediante npm. El directorio bower_components contiene todos los componentes de Bower y bower.json contiene la lista de dependencias que son instaladas por Ember, Ember CLI Shims y QUnit.

  • config- Contiene el directorio environment.js que se utiliza para configurar los ajustes de una aplicación.

  • dist - Incluye los archivos de salida que se implementan al crear la aplicación.

  • node_modules / package.json- NPM es un administrador de paquetes de nodos para Node.js que se utiliza para instalar, compartir y administrar las dependencias en los proyectos. El archivo package.json incluye las dependencias npm actuales de una aplicación y los paquetes enumerados se instalan en elnode_modules directorio.

  • public - Incluye activos como imágenes, fuentes, etc.

  • vendor - Es un directorio en el que las dependencias de front-end como JavaScript, CSS no están controladas por Bower go.

  • tests / testem.js- Las pruebas automatizadas se almacenan en la carpeta de pruebas y el testem del corredor de pruebas de las CLI de Ember está organizado en testem.js .

  • tmp - Contiene los archivos temporales de Ember CLI.

  • ember-cli-build.js - Especifica cómo construir la aplicación usando la CLI de Ember.

Aplicación en ejecución

Para ejecutar la aplicación, navegue hasta el directorio del proyecto recién creado:

$ cd demo-app

Hemos creado el nuevo proyecto y está listo para ejecutarse con el comando que se indica a continuación:

$ ember server

Ahora abra el navegador y navegue hasta http://localhost:4200/. Obtendrá la página de bienvenida de Ember como se muestra en la imagen a continuación: