The Angular CLI (Command Line Interface) is a tool that allows you to create, build, and deploy Angular applications quickly and easily. It provides a set of commands that you can use in your terminal to create and manage your Angular projects.
To install the Angular CLI, open your terminal and run the following command:
npm install -g/cli
This installs the Angular CLI globally on your computer, allowing you to use it in any project.
-g flag installs the package globally so that it can be used in any project on your machine.
Once the Angular CLI is installed, you can create a new Angular project by running the following command:
ng new my-project
This creates a new directory called "my-project" with the necessary files and dependencies for an Angular app. The Angular CLI sets up the basic structure of an Angular app, including the root module (
AppModule), the root component (
AppComponent), and the necessary configuration files.
You can also use the Angular CLI to generate new components, directives, pipes, and services for your Angular app by running the following commands:
# For Generating new Component ng generate component my-component # For Generating new Directives ng generate directive my-directive #For Generating Pipe ng generate pipe my-pipe #For Generating Service ng generate service my-service
These commands create the necessary files for the specified type of entity (component, directive, pipe, or service) and add them to the appropriate module.
The Angular CLI also provides commands for building and serving your Angular app. To build the app for production, you can run the following command:
ng build --prod
This compiles the app and creates a production build in the
To serve the app locally for development, you can run the following command:
This compiles and serves the app, and it will be available at http://localhost:4200/. The development server will also automatically reload the app whenever you make changes to the code.
The Angular CLI also provides commands for running tests and creating production builds. To run tests, you can use the following command:
This runs the unit tests for the app using the Karma test runner.
To see a full list of available commands, you can run the following command:
The Angular CLI is built on top of the Angular framework, and it uses the Angular schematics library to generate code and files for different parts of an Angular app.
The Angular CLI uses a configuration file called
angular.jsonto store project-specific settings, such as the root module, the root component, the project's dependencies, and the build and test configurations.
You can customize the build and test configurations in the
angular.jsonfile by adding additional options to the
"architect"object. For example, you can specify the type of build (development, production, etc.), the output directory, the test runner, and other options.
The Angular CLI provides a number of options that you can use to customize the behavior of the commands. For example, you can use the
--dry-runoption to preview the changes that a command would make without actually applying them. You can also use the
--helpoption to see a list of available options for a particular command.
In addition to the commands provided by the Angular CLI, you can also create your own custom commands using the Angular schematics library. This allows you to automate repetitive tasks or create custom code generation scripts.