Home >>Angular7 Tutorial >Angular7 CLI Prompts
Angular7 CLI Prompts
Angular7 CLI Prompts
Angular CLI makes any Angular Project easy to start. Angular CLI comes with commands that help us create and get started very fast on our project. Now let's go through the available commands to create a project, a component, and services, change the port, etc.
We need to get it built on our system to installed with Angular CLI. Let us use the command below for the same –
npm install -g @angular/cli
We can run the following command in the command line to build a new project, and it will create the project.
ng new PROJECT-NAME cd PROJECT-NAME ng serve //ng serve // will compile and you can see the output of your project in the browser −
http://localhost:4200/
4200 is the default port to use when creating a new project. The following command can change the port-
ng serve --host 0.0.0.0 --port 4201
Command for Angular Update
If you want your application and its dependencies updated, you can use the following command –s
ng update @angular/cli @angular/core
The new version, i.e. Angular 7 and also angular-cli, will be updated to core framework. The above command can be used with the following options −
Angular Important Command List
The table below lists some important commands required while working with Angular 7 projects –
| Sr. No | Commands and Description |
|---|---|
| 1 | Component ng g component new-component |
| 2 | Directive ng g directive new-directive |
| 3 | Pipe ng g pipe new-pipe |
| 4 | Service ng g service new-service |
| 5 | Module ng g module my-module |
| 6 | Test ng test |
| 7 | Build ng build --configuration=production // for production environment ng build --configuration=staging // for stating environment |
Every time a new module, component, or service is created, the parent module app.module.ts updates the reference for the same.