How to Run Angular App on Different Port?

This post is focused on run angular app in different port. you'll learn ng serve --port 3000. This article will give you simple example of how to change port number in angular. you can understand a concept of how to change port number in angular. So, let's follow few step to create example of how to run angular app on different port.

If you want to run your angular app on a different port then I will show two ways to change port in the angular app. You can use this solution with angular 8, angular 9, angular 10, angular 11, angular 12, angular 13, angular 14, angular 15, angular 16 and angular 17 versions.

Let's see below solution:

Solution 1:

You can define direct port with ng server command, let's run below command:

ng serve --port 3000

Now, go to your browser and open the below link.

http://localhost:3000

Solution 2:

You can configure default post in angular.json file, let's run below command:

angular.json

"projects": {
  "my-project-name": {
    ... extra configurations
    "architect": {
      "serve": {
        "options": {
          "port": 3000
        }
      }
    }
  }
}

let's run app:

ng serve

Now, go to your browser and open the below link.

http://localhost:3000

I hope it can help you...