Jak zmienić port kątowy z 4200 na dowolny inny

Możesz zmienić port aplikacji, wpisując następujące polecenie,

Ng serve --port 4200

Ponadto, aby uzyskać stałą konfigurację, możesz zmienić port, edytując angular-cli.plik json

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

Zmiana nodel_modules/angular-cli/commands/server.js jest złym pomysłem, ponieważ zostanie zaktualizowana po zainstalowaniu nowej wersji angular-cli. Zamiast tego należy podać ng serve --port 5000 W package.json w następujący sposób:

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

Można również określić host za pomocą --host 127.0.0.1

To się zmieniło kilka razy.

Jeśli używasz kątowego CLI 1

Zmień angular-cli.json

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

Jeśli używasz najnowszego Anfular CLI

Zmień angular.json

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

Bez zmiany jakiegokolwiek pliku

Uruchom polecenie

ng serve --host 0.0.0.0 --port 5000

• Na Stałe:

  Goto nodel_modules/angular-cli/commands/server.js Szukaj var defaultPort = process.env.PORT || 4200; i zmień 4200 na cokolwiek chcesz.

• Aby Uruchomić Teraz:

  Ng serve --port 4500 (Możesz zmienić 4500 na dowolną liczbę, której chcesz użyć jako portu)

Zwykle używam polecenia ng set, Aby zmienić ustawienia kątowe CLI dla poziomu projektu.

ng set defaults.serve.port=4201

Zmienia Twoje .angular.cli.json i dodaje ustawienia portu jako , o którym wspomniano wcześniej .

Po tej zmianie można użyć po prostu ng serve i będzie on używał preferowanego portu bez konieczności każdorazowego jego określania.

Wygląda na to, że coś się zmieniło w ostatnich wersjach CLI(używam 6.0.1). Udało mi się zmienić domyślny port używany przez ng serve dodając opcję port do angular.json mojego projektu:

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

(w tym przykładzie pokazano tylko odpowiednie właściwości.)

Możesz również wprowadzić poniższe polecenie w swoim CLI angular, gdzie zwykle wpisujesz npm start

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

Możesz edytować domyślny numer portu skonfigurowany w serwie.plik js.

Ścieżka będzie project_direcory/node_modules/angular-cli/commands/serve.js.

Szukaj tej linii -> var defaultPort = process.env.PORT || 4200;
Zastąp tą linią -> var defaultPort = process.env.PORT || 5000;

Możesz również napisać to polecenie: ng serve -p 5000

Uruchom poniżej polecenia dla innych niż 4200

ng serve --port 4500

Nikt nie zaktualizował odpowiedzi na najnowsze Cli Angular.Z najnowszymi Angular CLI

Z latest version angular-cli, w którym angular-cli.JSON przemianowany na angular.json , możesz zmienić port, edytując angular.json plik teraz określasz port na "project"

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

Czytaj więcej na ten temat here

Simply run ng serve --port 5000 --open

In angular.json:

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

In angular 2++.

Aby zmienić port możesz uruchomić poniższe polecenie w Terminalu:

ng serve --host 0.0.0.0 --port 5000.