August 25, 2015

Install Ember

The Little Techie

Ember.js is a framework for creating ambitious web applications. Ember.js is an open-source JavaScript application framework, based on the model-view-controller (MVC) pattern. It allows developers to create scalable single-page web applications.

Installing ember.js into your work environment is easy and straight forward. All you need is good internet connection and some basic computer knowledge.

I will show you how to install ember.js step by step.

Step 1:

Download and install NodeJS.

Step 2:

Download and install Git.

Step 3:

Reference NodeJS and Git in the systems PATH. Append to the existing path, as below. (Note: If you are not sure where to do this: In case of windows users - Right click on your computer and click on properties > advanced system settings > enviroment variables.)

%Git installation folder%\cmd; %Git installation folder%\bin; %Node installation folder%\;
Example:
C:\Program Files (x86)\Git\cmd; C:\Program Files (x86)\Git\bin; C:\NodeJs\;

In most cases the path to node installation folder will be added to the system path when you install NodeJS. If not add it.

To check whether NodeJS and Git is installed and the path is set properly, open command prompt. Type node -v or node --version which should show the version of it, if it is properly installed, else it says unknown command. Same way check for git by typing git --version.

Step 4:

Open Node.js command prompt and type the following command,

npm install -g ember-cli

This installs ember-cli. You can even use command prompt instead of Node.js command prompt.

Step 5:

Open Node.js command prompt and type the following command,

npm install -g bower

This installs bower components to your system.

Step 6:

Create your project directory. To do this run the command,

ember new my-app

This will create a new my-app folder and generate an application structure for you.

You can either do the above or if your project is checked into SVN or GIT you can use that. This can either be done by installing tortoiseSVN in case of SVN or tortoiseGIT in case of GIT.

Step 7:

Open the project directory (Example: D:/my-app) and give the command,

npm install

Step 9:

Open the project directory and give the command,

bower install

Step 10:

Open the project directory and give the command,

ember build

Step 11:

Open the project directory and give the command,

ember server

This starts the ember server. Your webpage will be loaded in your favorite browser. (Say: http://localhost:4200)

No comments:

Post a Comment

Popular Posts

Views