Before jumping in to the installation steps, let’s first learn about Ember and it’s architecture.
Ember allows the development client-side of a web application by providing complete data management and flow.
Another important aspect to notice about Ember is that it is based on MVVM.
What is MVVM architecture?
Ember is based on an MVVM architecture. Model-View-ViewModel(MVVM) is an architectural design pattern to make coding simpler.
In this pattern, a complete project is divided into sections.
- At first, a model section that 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 that is specifically designed to manage the view.
Ember is built to increase productivity. It is designed with developer ergonomics in mind. So that a developer will feel very comfortable while working with Ember projects.
Companies using Ember
We can see a list of some famous companies using Ember.js from the official page of Ember. Some giants in that list are listed below.
So we got some idea about Ember.js and the benefits of working with Ember projects. Now it needs a good 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 fewer virus/malware issues.
Because we are working with web development using Ember, macOS is the best.
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)"
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.
2. Install Nodejs
In this tutorial, we are going to install Ember using the Node Package Manager(NPM). So 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
Alternatively, we can download and install Nodejs from the official website. If we are opting for this method, then we don’t need homebrew in our system.
Currently, 14.16.0 is the latest version of Nodejs and it can be downloaded and installed on our system using the URL below.
Select the macOS Installer option and download the 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.
So install the ember-cli tool using 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 app using it.
ember new my-app
This will create an Ember.js project with the name my-app.
5. Running the app
So we have created an Ember app on our macOS system. Now we can run this app with the below commands.
cd my-app ember serve
This will open up the newly created Ember app on the browser tab with the address http://localhost:4200.
We learned about Ember, a good web development framework, and the steps to install Ember on the macOS system. The installation steps are explained step by step.