Emberopedia 2 – Detailed Description of Ember CLI

Welcome back to Emberopedia!!

In our previous post, we learned basic concepts of Ember. In this post, we will see what is there in Ember CLI.Ember CLI(Command Line Interface) is a tool helps in ember development. Before CLI all ember scripting development happened in a single file named app.js ie, routes, controller, helper, etc., In a single file like below. This made the development so complex.

Later in CLI, all the respective components will be divided and kept in its respective folder.Let’s see a simple example.

Files:

The app directory is where the application code is written. In here you will have all of your routes, models, templates, and components that create the core parts of the app. All of the JS files in this directory are automatically compiled through the ES6 module transpiler Babel and concatenated into a single file (as like app.js meant early).