@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

18.0.7 (2024-07-03)

@angular/cli

| Commit | Type | Description | | --------------------------------------------------------------------------------------------------- | ---- | ----------------------------------------------------------- | | 67bf90131 | fix | make ng update to keep newline at the end of package.json |

@angular-devkit/build-angular

| Commit | Type | Description | | --------------------------------------------------------------------------------------------------- | ---- | ------------------------------------------------------------ | | 9b43ecbd0 | fix | reduce the number of max workers to available CPUs minus one | | 03dad6806 | fix | rollback terser to 5.29.2 |

@angular/build

| Commit | Type | Description | | --------------------------------------------------------------------------------------------------- | ---- | ------------------------------------------------------------ | | fc928f638 | fix | correctly name entry points to match budgets | | 2d51e8607 | fix | redirect to path with trailing slash for asset directories | | 16f1c1e01 | fix | reduce the number of max workers to available CPUs minus one |

<!-- CHANGELOG SPLIT MARKER -->

<a name="18.0.6"></a>