allowedHosts
option for development server
Vite version 6.0.9+, which is now used by the Angular CLI, contains a potentially breaking change for some development setups. Examples of such setups include those that use reverse proxies or custom host names during development. The change within a patch release was made by Vite to address a security vulnerability. For projects that directly access the development server via `localhost`, no changes should be needed. However, some development setups may now need to adjust the newly introduced `allowedHosts` development server option. This option can include an array of host names that are allowed to communicate with the development server. The option sets the corresponding Vite option within the Angular CLI. For more information on the option and its specific behavior, please see the Vite documentation located here: https://vite.dev/config/server-options.html#server-allowedhosts The following is an example of the configuration option allowing `example.com`: ``` "serve": { "builder": "@angular/build:dev-server", "options": { "allowedHosts": ["example.com"] }, ``` Additional details on the vulnerability can be found here: https://github.com/vitejs/vite/security/advisories/GHSA-vg6x-rcgg-rjx6
Angular CLI - The CLI tool for Angular.
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.
Contributing Guidelines
·
Submit an Issue
·
Blog
Documentation
Get started with Angular CLI, learn the fundamentals and explore advanced topics on our documentation website.
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
Ecosystem
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 help wanted or good first issue.
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.
- X (formerly 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 ⭐ ⬆️.