How To Install And Set Up Ember.Js 3.11 on macOS X

ember-macos
Ember.js macOSLeave a Comment on How To Install And Set Up Ember.Js 3.11 on macOS X

How To Install And Set Up Ember.Js 3.11 on macOS X

Ember.js or simply Ember is a JavaScript framework for building scalable single-page web applications. It is based on Model-View-ViewModel(MVVM) architecture. So let us learn a bit about MVVM.

Model-View-ViewModel(MVVM) is an architectural design pattern to make coding simpler. In this pattern, a complete project is divided into sections. A Model is a section which handles data. It is directly connected to the database. The view is simply the UI/screen that we are seeing. Finally, a ViewModel is a modal which is specifically designed for a view.

There are a lot of JavaScript frameworks available for web application development currently such as React, Angular, Polymer, etc. So why we need technology like Ember?

Ember is built to increase productivity. It is designed with developer ergonomics in mind. So that a developer feels very comfortable working with Ember projects.

We can see a list of some famous companies using Ember.js from the official page of Ember. Some giants in that list are,

So we got some idea about Ember.js and the benefits of working with Ember projects. Now it needs a better and consistent Operating System for working with our important projects. macOS X is one of the best choices in this category. It has the best hardware integration and less virus/malware issues.

Installation

Setting Up Ember.js on our macOS system is a very easy process and it can be done by following the steps. Each step is provided with the description which will help us in installing Ember.js in our system without any ambiguity or confusion. Follow the installation steps:

1. Install and Update Homebrew

Homebrew is a popular package manager for macOS. We can install all the packages and dependencies required to install Ember using Homebrew. So at first, we need to install it on our system.

To install Homebrew, open the Terminal and run the command below.

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

So we have installed Homebrew on our system successfully and now we need to update it so that we can get the latest version of packages available on HomeBrew.

brew update

2. Install Nodejs

In this tutorial, we are going to install Ember using the Node Package Manager(NPM). So first, we need to install Nodejs on our system. NPM will be installed with Nodejs itself.

Nodejs can be installed on our system using the below brew command.

brew install node

Alternative method

Alternatively, we can download and install Nodejs from the official website. If so, it does not need Homebrew to be installed on our system.

Currently, 12.7.0 is the latest version of Nodejs and it can be downloaded and installed on our system using the URL below.

 https://nodejs.org/en/download/current/ 

Select the macOS Installer option and download the node-v12.7.0.pkg file. Then install it on our system.

3.Install Ember CLI

Ember CLI helps us to create projects, generate application and library code, and perform a variety of ongoing development tasks such as testing, bundling, and deployment.

It can simply be installed using NPM. So install the Ember CLI with the below command.

npm install -g ember-cli

4.Creating new application

So Ember CLI is installed on our system and now we can create our first Ember.js application.

ember new my-app

This will create an Ember.js project with the name my-app.

5 Running the app

Now, the app we created can be run from our system using “ember serve” command.

cd my-app
ember serve

Now enter the below URL from our browser

http://localhost:4200

We can see an Ember welcome page and it is the Ember.js app we created.

Have a nice code !

Hi, I'm Syamlal, the co-founder of Redmonark. I'm a developer, writer and also have a little bit of experience in graphic designing.
Website https://syam.me

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Back To Top
%d bloggers like this: