Running and serving an Angular app - Cheat Sheet & Quick Revision

Recall & Review

beginner

What command do you use to start a development server for an Angular app?

You use ng serve to start a development server that watches your files and reloads the app automatically when you make changes.

beginner

What is the default port Angular uses when you run ng serve?

The default port is 4200. You can access your app in the browser at http://localhost:4200.

intermediate

How can you change the port when running ng serve?

Add the --port option like this: ng serve --port 4300. This will start the server on port 4300 instead of 4200.

intermediate

What does the ng serve command do behind the scenes?

It compiles your Angular app, starts a local web server, watches your files for changes, and reloads the app in the browser automatically.

beginner

How do you stop the Angular development server once it is running?

Press Ctrl + C in the terminal where ng serve is running. This stops the server.

Which command starts the Angular development server?

A ng start

B ng build

C ng run

D ng serve

ng serve starts the development server with live reload.

What URL do you open in your browser to see the app after running ng serve with default settings?

A http://localhost:4200

B http://localhost:5000

C http://localhost:8080

D http://localhost:3000

The default port is 4200, so the URL is http://localhost:4200.

How do you change the port when running the Angular server?

A ng serve --port 4300

B ng serve -p 4300

C ng serve --port=4300

D ng serve port=4300

The correct syntax includes ng serve --port 4300, ng serve -p 4300, or ng serve --port=4300. All are valid ways to specify the port.

What happens if you change your code while ng serve is running?

A The app reloads automatically in the browser.

B You must restart the server manually.

C Nothing happens until you refresh the browser.

D The server crashes.

ng serve watches files and reloads the app automatically on changes.

How do you stop the Angular development server?

A Run ng stop.

B Close the browser tab.

C Press Ctrl + C in the terminal.

D Restart your computer.

Pressing Ctrl + C in the terminal stops the running server.

Explain the steps and command to run and serve an Angular app locally for development.

Think about how you start, view, and stop the app during development.

Describe how you can customize the Angular development server when running it.

Focus on command options and server behavior.