Creating and running the Angular app project

With the environment set up for development, we will now move forward and start using the CLI to create and run the app.

Generating the app using the CLI

To generate the Angular app using the Angular CLI, run the following command in a terminal window:

ng new JobOrderSystem --routing --prefix jos --style css  

Here, ng is a keyword, followed by new to create a new project with the name JobOrderSystem. The --routing option will create AppRoutingModule and add the basic routing features. We define a prefix for the component selectors by using the –prefix jos addition, as illustrated in the following screenshot:

Figure 5.2 – Angular app generation using the Angular CLI

The preceding screenshot shows the Angular app being generated by running the Angular CLI command.

Looking at the CLI-generated files

Let's have a look at the CLI-generated files, as follows:

• src...