@angular/cli

What is @angular/cli?

The @angular/cli package is a command-line interface tool that you can use to initialize, develop, scaffold, and maintain Angular applications directly from a command shell. It provides commands for creating new projects, generating application and library code, performing a variety of ongoing development tasks such as testing, bundling, and deployment.

What are @angular/cli's main functionalities?

Project Scaffolding

Creates a new Angular application with a default structure by running the 'ng new' command followed by the project name.

ng new my-angular-app

Generating Components, Services, and other features

Generates a new component and its associated files by using the 'ng generate' command followed by the feature type and name.

ng generate component my-component

Building and Serving the Application

Compiles the application and starts a web server, making the app accessible in a browser. The 'ng serve' command is used for this purpose.

ng serve

Running Unit Tests

Executes the unit tests defined in the application using the 'ng test' command.

ng test

Building for Production

Compiles the application for production deployment, optimizing the build for performance and size using the 'ng build' command with the '--prod' flag.

ng build --prod

Other packages similar to @angular/cli

create-react-app

Similar to @angular/cli, create-react-app is a command-line interface for setting up new React applications. It abstracts away build configuration to a pre-configured setup, allowing developers to focus on writing code. Unlike @angular/cli, it is tailored specifically for React and does not provide an extensive set of generation commands.

vue-cli

Vue CLI is a full system for rapid Vue.js development, similar to @angular/cli for Angular. It provides project scaffolding, a development server, build tools, and a set of plugins for common tasks. Vue CLI is designed for Vue.js and offers a similar level of functionality for Vue developers.

ember-cli

Ember CLI is a command-line utility for creating, developing, and building Ember.js applications. It provides a standardized development structure and build pipeline, much like @angular/cli does for Angular. Ember CLI focuses on Ember.js and has a strong emphasis on convention over configuration.

README

Angular CLI - The CLI tool for Angular.

The sources for this package are in the Angular CLI repository. Please file issues and pull requests against that repository.

Usage information and reference details can be found in repository README file.

Changelog

20.0.0-rc.0 (2025-05-07)

@angular/cli

| Commit | Type | Description | | --------------------------------------------------------------------------------------------------- | ---- | ----------------------------------- | | e513cd4aa | fix | add Node.js 24 as supported version |

@schematics/angular

| Commit | Type | Description | | --------------------------------------------------------------------------------------------------- | ---- | -------------------------------------------------- | | 901ab60d9 | fix | remove explicit index option from new applications |

@angular-devkit/build-angular

| Commit | Type | Description | | --------------------------------------------------------------------------------------------------- | ---- | ----------------------------------------------------- | | 635999d4e | fix | correctly set i18n subPath in webpack browser builder |

@angular/build

| Commit | Type | Description | | --------------------------------------------------------------------------------------------------- | ---- | ------------------------------------------------ | | f36a27272 | fix | allow a default application browser option | | f42f5c14c | fix | allow component HMR for templates with i18n | | ffaf8aa19 | fix | avoid attempting to watch bundler internal files | | ba844ae16 | fix | avoid internal karma request cache for assets | | 7bb1f8747 | fix | enable unit-test reporters option | | 1cd65a08d | fix | perform testing module cleanup when using Vitest | | 22ba07444 | perf | fix unnecessary esbuild rebuilds |

@angular/pwa

| Commit | Type | Description | | --------------------------------------------------------------------------------------------------- | ---- | --------------------------------------------------- | | fa0a06f9f | fix | support using default index option when not present |

<!-- CHANGELOG SPLIT MARKER -->

<a name="19.2.11"></a>