Angular CLI (Command Line Interface)

Angular CLI (Command Line Interface)

Introduction
Angular CLI is a powerful command-line tool that facilitates the development of Angular applications. It streamlines the process of creating, building, testing, and deploying Angular projects. This documentation provides an overview of Angular CLI, its installation, basic commands, and a coding example to demonstrate its usage.

Installation
To use Angular CLI, you need to have Node.js installed on your system. Once Node.js is installed, open your terminal or command prompt and run the following command to install Angular CLI globally:

bash
npm install -g @angular/cli

Basic Commands
Angular CLI provides various commands to perform common tasks during the development process:

1. ng new [project-name]:
   Creates a new Angular project with the specified name.

2. ng serve:
   Builds and serves the application in development mode. The app will be accessible at http://localhost:4200/.

3. ng generate [schematic]:
   Generates different elements of the application, such as components, services, modules, etc.

4. ng build:
   Builds the application for production deployment.

5. ng test:
   Executes unit tests using Karma.

6. ng e2e:
   Runs end-to-end tests using Protractor.

Example: Creating a New Component
Let's create a simple component using Angular CLI:

1. First, create a new Angular project using the following command:

bash
ng new my-app

2. Change into the project directory:

bash
cd my-app

3. Now, generate a new component named 'example':

bash
ng generate component example

4. This will create the 'example' component with its files and folder structure.

Explanation

• ng new command sets up a new Angular project in the 'my-app' directory.
• ng generate component or ng g c is used to create the 'example' component, automatically generating its files like HTML, CSS, TypeScript, and spec files.

Now, you have a basic understanding of Angular CLI and its usage to create a new Angular component.

Please note that this is a brief overview, and Angular CLI offers many more features and commands to enhance the development workflow of Angular applications. For more detailed information, consult the official Angular CLI documentation: https://angular.io/cli