angular-cli

<!-- BEFORE UPDATING THIS FILE, READ THIS. This file is automatically generated during release. It is important for you to not update README directly. - If you need to change the content, update `scripts/templates/readme.ejs` - If you need to add/remove a package or a link, update the .monorepo.json file instead. Any changes to README.md directly will result in a failure on CI. --> <h1 style="text-align: center">Angular CLI - The CLI tool for Angular.</h1> <p style="text-align: center"> <br> <img src="/docs/images/angular-cli-logo.png" alt="Angular CLI logo" width="100px" height="108px"/> <br><br> <em>The Angular CLI is a command-line interface tool that you use to initialize, develop, scaffold, <br>and maintain Angular applications directly from a command shell.</em> <br> </p> <p style="text-align: center"> <a href="https://angular.dev/tools/cli"><strong>angular.dev/tools/cli</strong></a> <br> </p> <p style="text-align: center"> <a href="CONTRIBUTING.md">Contributing Guidelines</a> · <a href="https://github.com/angular/angular-cli/issues">Submit an Issue</a> · <a href="https://blog.angular.dev">Blog</a> <br> <br> </p> <p style="text-align: center"> <a href="https://circleci.com/gh/angular/workflows/angular-cli/tree/main"> <img src="https://img.shields.io/circleci/build/github/angular/angular-cli/main.svg?logo=circleci&logoColor=fff&label=CircleCI" alt="CI status" /> </a>&nbsp; <a href="https://discord.gg/angular"> <img src="https://img.shields.io/discord/463752820026376202.svg?logo=discord&logoColor=fff&label=Discord&color=7389d8" alt="Discord conversation" /> </a> </p> <hr>

Documentation

Get started with Angular CLI, learn the fundamentals and explore advanced topics on our documentation website.

• Getting started
• CLI
• Workspace and project file structure
• Workspace configuration
• Schematics

Development Setup

Prerequisites

• Install Node.js which includes Node Package Manager

Setting Up a Project

Install the Angular CLI globally:

npm install -g @angular/cli

Create workspace:

ng new [PROJECT NAME]

Run the application:

cd [PROJECT NAME]
ng serve

Angular is cross-platform, fast, scalable, has incredible tooling, and is loved by millions.

Quickstart

Get started in 5 minutes.

Ecosystem

<p> <img src="/docs/images/angular-ecosystem-logos.png" alt="angular ecosystem logos" width="500px" height="auto"> </p>

• Angular Framework
• Angular Material

Changelog

Learn about the latest improvements.

Upgrading

Check out our upgrade guide to find out the best way to upgrade your project.

Contributing

Contributing Guidelines

Read through our contributing guidelines to learn about our submission process, coding rules and more.

Want to Help?

Want to report a bug, contribute some code, or improve documentation? Excellent! Read up on our guidelines for contributing and then check out one of our issues labeled as <kbd>help wanted</kbd> or <kbd>good first issue</kbd>.

Code of Conduct

Help us keep Angular open and inclusive. Please read and follow our Code of Conduct.

Developer Guide

Read through our developer guide to learn about how to build and test the Angular CLI locally.

Community

Join the conversation and help the community.

• Twitter
• Discord
• Gitter
• YouTube
• StackOverflow
• Find a Local Meetup

Packages

This is a monorepo which contains many tools and packages:

Tools

Project	Package	Version	Links
Angular Build System	@angular/build
Angular CLI	@angular/cli
Architect CLI	@angular-devkit/architect-cli
Schematics CLI	@angular-devkit/schematics-cli

Packages

Project	Package	Version	Links
Angular SSR	@angular/ssr
Architect	@angular-devkit/architect
Build Angular	@angular-devkit/build-angular
Build Webpack	@angular-devkit/build-webpack
Core	@angular-devkit/core
Schematics	@angular-devkit/schematics

Misc

Project	Package	Version	Links
Angular Create	@angular/create
Webpack Angular Plugin	@ngtools/webpack

Schematics

Project	Package	Version	Links
Angular PWA Schematics	@angular/pwa
Angular Schematics	@schematics/angular

Love Angular CLI? Give our repo a star :star: :arrow_up:.