@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

<%= jsComponentName %>

This project was generated with Angular CLI version <%= version %>.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor. Before running the tests make sure you are serving the app via ng serve.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.