Angular CLI - The CLI tool for Angular.


Angular CLI logo

The Angular CLI is a command-line interface tool that you use to initialize, develop, scaffold,
and maintain Angular applications directly from a command shell.

cli.angular.io

Contributing Guidelines · Submit an Issue · Blog

CI status   Discord conversation


## Documentation Get started with Angular CLI, learn the fundamentals and explore advanced topics on our documentation website. - [Getting started][quickstart] - [CLI][cli] - [Workspace and project file structure][filestructure] - [Workspace configuration][workspaceconfig] - [Schematics][schematics] ## Development Setup ### Prerequisites - Install [Node.js] which includes [Node Package Manager][npm] ### 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][quickstart]. ## Ecosystem

angular ecosystem logos

- [Angular Framework][aio] - [Angular Material][angularmaterial] ## Changelog [Learn about the latest improvements][changelog]. ## Upgrading Check out our [upgrade guide](https://update.angular.io/) to find out the best way to upgrade your project. ## Contributing ### Contributing Guidelines Read through our [contributing guidelines][contributing] 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][contributing] and then check out one of our issues labeled as [help wanted](https://github.com/angular/angular-cli/labels/help%20wanted) or [good first issue](https://github.com/angular/angular-cli/labels/good%20first%20issue). ### Code of Conduct Help us keep Angular open and inclusive. Please read and follow our [Code of Conduct][codeofconduct]. ### Developer Guide Read through our [developer guide][developer] to learn about how to build and test the Angular CLI locally. ## Community Join the conversation and help the community. - [Twitter][twitter] - [Discord][discord] - [Gitter][gitter] - [YouTube][youtube] - [StackOverflow][stackoverflow] - Find a Local [Meetup][meetup] ## Packages This is a monorepo which contains many tools and packages: <% const sections = [ ...new Set(Object.keys(packages).map(pkgName => monorepo.packages[pkgName].section )) ].filter(x => x && x != 'Tooling'); sections.unshift(undefined); %> ### Tools | Project | Package | Version | Links | |---|---|---|---| <% for (const pkgName of Object.keys(packages)) { const pkg = packages[pkgName]; const mrPkg = monorepo.packages[pkgName]; if (pkg.private) { continue; } if (mrPkg.section != 'Tooling') { continue; } %>**<%= mrPkg.name%>**<% %> | [`<%= pkgName %>`](https://npmjs.com/package/<%= pkgName %>)<% %> | [![latest](https://img.shields.io/npm/v/<%= encode(pkgName) %>/latest.svg)](https://npmjs.com/package/<%= pkgName %>)<% %> | <% for (const link of mrPkg.links || []) { %>[![<%= link.label %>](https://img.shields.io/badge/<%= link.label %>--<%= link.color || 'green' %>.svg)](<%= link.url %>)<% } if (mrPkg.snapshotRepo) { %> [![snapshot](https://img.shields.io/badge/snapshot--blue.svg)](https://github.com/<%= mrPkg.snapshotRepo %>)<% } %> <% } %> ### Packages <% for (const section of sections) { %><%= section ? '#### ' + section : '' %> | Project | Package | Version | Links | |---|---|---|---| <% for (const pkgName of Object.keys(packages)) { const pkg = packages[pkgName]; const mrPkg = monorepo.packages[pkgName]; if (pkg.private) { continue; } if (mrPkg.section != section) { continue; } %>**<%= mrPkg.name%>**<% %> | [`<%= pkgName %>`](https://npmjs.com/package/<%= pkgName %>)<% %> | [![latest](https://img.shields.io/npm/v/<%= encode(pkgName) %>/latest.svg)](https://npmjs.com/package/<%= pkgName %>)<% %> | <% for (const link of mrPkg.links || []) { %>[![<%= link.label %>](https://img.shields.io/badge/<%= link.label %>--<%= link.color || 'green' %>.svg)](<%= link.url %>)<% } if (mrPkg.snapshotRepo) { %> [![snapshot](https://img.shields.io/badge/snapshot--blue.svg)](https://github.com/<%= mrPkg.snapshotRepo %>)<% } %> <% } %> <% } %> **Love Angular CLI? Give our repo a star :star: :arrow_up:.** [contributing]: CONTRIBUTING.md [developer]: docs/DEVELOPER.md [quickstart]: https://angular.io/start [changelog]: CHANGELOG.md [documentation]: https://angular.io/docs [angularmaterial]: https://material.angular.io/ [cli]: https://cli.angular.io/ [aio]: https://angular.io/ [workspaceconfig]: https://angular.io/guide/workspace-config [schematics]: https://angular.io/guide/schematics [filestructure]: https://angular.io/guide/file-structure [node.js]: https://nodejs.org/ [npm]: https://www.npmjs.com/get-npm [codeofconduct]: https://github.com/angular/angular/blob/main/CODE_OF_CONDUCT.md [twitter]: https://www.twitter.com/angular [discord]: https://discord.gg/angular [gitter]: https://gitter.im/angular/angular-cli [stackoverflow]: https://stackoverflow.com/questions/tagged/angular-cli [youtube]: https://youtube.com/angular [meetup]: https://www.meetup.com/find/?keywords=angular