Cómo cambiar el puerto angular de 4200 a cualquier otro

Puede cambiar el puerto de su aplicación ingresando el siguiente comando,

Ng serve port port 4200

También, para una configuración permanente, puede cambiar el puerto editando angular-cli.json file

 "defaults": {
    "serve": {
      "port": 8080
    }
  }

Cambiar nodel_modules/angular-cli/commands/server.js es una mala idea, ya que se actualizará cuando instale una nueva versión de angular-cli. En su lugar, debe especificar ng serve port port 5000 en package.json así:

"scripts": {
    "start": "ng serve --port 5000"
}

También puede especificar host con host host 127.0.0.1

Esto ha cambiado un par de veces.

Si se utiliza Angular CLI 1

Change angular-cli.json

{
  "defaults": {
    "serve": {
      "host": "0.0.0.0",
      "port": 5000 
    }
  }
}

Si se utiliza la última CLI Anfular

Change angular.json

"projects": {
    "project-name": {
        ...
        "architect": {
            "serve": {
                "options": {
                  "host": "0.0.0.0",
                  "port": 5000
                }
            }
        }
        ...
    }
}

Sin cambiar ningún archivo

Ejecute el comando

ng serve --host 0.0.0.0 --port 5000

• Para Permanente:

  Goto nodel_modules/angular-cli/commands/server.js Buscar var defaultPort = process.env.PORTAR / / 4200; y cambiar 4200 a cualquier otra cosa que desee.

• Para Ejecutar Ahora:

  Ng serve port port 4500 (Cambia 4500 a cualquier número que quieras usar como tu puerto)

Normalmente uso el comando ng set para cambiar la configuración de Angular CLI para el nivel de proyecto.

ng set defaults.serve.port=4201

Cambia cambia tu .angular.cli.jsony agrega la configuración del puerto como se mencionó anteriormente.

Después de este cambio puede usar simplemente ng serve y va a usar el puerto preferido sin la necesidad de especificarlo cada vez.

Parece que las cosas han cambiado en las versiones recientes de la CLI (estoy usando 6.0.1). Pude cambiar el puerto predeterminado utilizado por ng serve agregando una opción port a angular.json de mi proyecto:

{
    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
    "projects": {
        "my-project": {
            "architect": {
                "serve": {
                    "options": {
                        "port": 4201
                    }
                }
            }
        }
    }
}

(En este ejemplo solo se muestran las propiedades relevantes.)

También puede ingresar el siguiente comando en su cli angular donde normalmente ingresa npm start

Ng serve host host "ip-address" port port "port-number"

Puede editar el número de puerto predeterminado que está configurado en servir.archivo js.

La Ruta será project_direcory/node_modules/angular-cli/commands/serve.js.

Buscar esta línea -> var defaultPort = process.env.PORT || 4200;
Reemplazar con esta línea -> var defaultPort = process.env.PORT || 5000;

También puede escribir este comando: ng serve -p 5000

Ejecutar debajo del comando para otros que no sean 4200

ng serve --port 4500

Nadie ha actualizado la respuesta para la última CLI de Angular.Con lo último Angular CLI

Con latest version de angular-cli en el que angular-cli.json renombrado a angular.json , puede cambiar el puerto editando angular.json archivo ahora especificar un puerto por "project"

projects": {
    "my-cool-project": {
        ... rest of project config omitted
        "architect": {
            "serve": {
                "options": {
                    "port": 4500
                }
            }
        }
    }
}

Leer más here

Simplemente ejecute ng serve --port 5000 --open

En angular.json:

"serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
          "browserTarget": "projectname:build",
          "port": 5000
         }

Estoy usando angular-cli. Esto funcionó para mí.

En angular 2++.

Para cambiar el puerto puede ejecutar el siguiente comando en la terminal:

ng serve --host 0.0.0.0 --port 5000.