EmberJS Creating and Running Application in EmberJS

What is EmberJS Creating and Running Application?

You can easily configure the Ember.js in your system. The installation of Ember.js is explained in the EmberJS Installation chapter.
Creating Application

Let's create one simple app using Ember.js. First create one folder where you create your applications. For instance, if you have created "emberjs-app" folder, then navigate to this folder as:

Inside the "emberjs=app" folder, create a new project by using new command:

When you create a project, new command provides following directory structure with files and directories:
|-- app
|-- bower_components
|-- config
|-- dist
|-- node_modules
|-- public
|-- tests
|-- tmp
|-- vendor


App: It specifies the folders and files of models, routes, components, templates and styles.

bower_components / bower.json: It is used for managing the components such as HTML, CSS, JavaScript, image files etc and can be installed by using the npm. The bower_components directory contains all Bower components and bower.json contains list of dependencies which are installed by Ember, Ember CLI Shims and QUnit.

config: It incorporates environment.js directory which is used for configuring the settings of an utility.

dist: It consists of output documents which might be deployed whilst building the app.

node_modules / package.json: NPM is a node bundle manager for Node.js which is used for installing, sharing and coping with the dependencies in the initiatives. The package.json document includes present day npm dependencies of an utility and indexed packages will get install inside the node_modules listing.

public: It includes property like photographs, fonts and so on.

seller: it is a listing wherein front quit dependencies including JavaScript, CSS are not managed by way of Bower cross.

checks / testem.js: the automated tests are saved underneath assessments folder and take a look at runner testem of Ember CLI's is arranged in testem.js.

tmp: It consists of the temporary documents of Ember CLI.

ember-cli-build.js: It specifies the way to construct the app by using using the Ember CLI.

Strolling Application

To run the software, navigate to the newly created assignment directory:

We’ve got created the new venture and it is prepared to run with the beneath command:

Now open the browser and navigate to http://localhost:4200/. you'll get the Ember Welcome web page as shown inside the picture below:

All rights reserved © 2018 Wisdom IT Services India Pvt. Ltd DMCA.com Protection Status

EmberJS Topics