So ändern Sie den Winkelanschluss von 4200 auf einen anderen

Ich möchte 5000 anstelle von 4200 verwenden.

Was ich versucht habe, ist, dass ich eine Datei mit dem Stammnamen erstellt ember-cliund JSON gemäß dem folgenden Code eingefügt habe:

{
   "port": 5000
}

Aber meine App läuft immer noch auf 4200 statt 5000

Die Lösung für mich war

ng serve --port 4401    

(Sie können 4401 auf eine beliebige Nummer ändern.)

Starten Sie dann den Browser -> http: // localhost: 4401 /

Grundsätzlich hatte ich zwei Anwendungen und mit Hilfe des oben beschriebenen Ansatzes kann ich jetzt beide gleichzeitig in meiner Entwicklungsumgebung ausführen.

Sie können Ihren Anwendungsport ändern, indem Sie den folgenden Befehl eingeben:

ng dienen --port 4200

Für eine dauerhafte Einrichtung können Sie den Port auch ändern, indem Sie die Datei angle-cli.json bearbeiten

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

Es scheint, dass sich die Dinge in den letzten Versionen der CLI (die ich verwende 6.0.1) geändert haben . Ich konnte den verwendeten Standardport ändern, ng serveindem portich meinem Projekt eine Option hinzufügte angular.json:

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

(In diesem Beispiel werden nur relevante Eigenschaften angezeigt.)

Das Ändern nodel_modules/angular-cli/commands/server.jsist eine schlechte Idee, da es aktualisiert wird, wenn Sie eine neue Version von installieren angular-cli. Stattdessen sollten Sie angeben --port 5000 dienen ng in package.jsonetwa so aus :

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

Sie können den Host auch mit --host 127.0.0.1 angeben

Der Speicherort für die Porteinstellungen hat sich einige Male geändert.

Bei Verwendung von Angular CLI 1

Veränderung angular-cli.json

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

Bei Verwendung der neuesten Angular CLI

Veränderung angular.json

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

Ohne eine Datei zu ändern

Führen Sie den Befehl aus

ng serve --host 0.0.0.0 --port 5000

Niemand hat die Antwort für die neueste Angular CLI aktualisiert. Mit der neuesten Angular CLI

Mit latest versionvon angle-cli, in das angle-cli.json umbenannt wurde, angular.jsonkönnen Sie den Port ändern, indem angular.jsonSie die Datei bearbeiten , für die Sie jetzt einen Port angeben"project"

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

Lesen Sie mehr darüber here

Normalerweise verwende ich den ng setBefehl, um die Angular CLI-Einstellungen für die Projektebene zu ändern.

ng set defaults.serve.port=4201

Es ändert Änderungen .angular.cli.jsonund fügt die Porteinstellungen hinzu, wie bereits erwähnt .

Nach dieser Änderung können Sie einfach verwenden ng serveund den bevorzugten Port verwenden, ohne ihn jedes Mal angeben zu müssen.

Sie können auch den folgenden Befehl in Ihre Winkel-CLI eingeben, in der Sie normalerweise npm start eingeben

ng dienen --host "IP-Adresse" --port "Portnummer"

Sie können diesen Befehl auch schreiben: ng serve -p 5000

gehe zu dieser Datei

node_modules\@angular-devkit\build-angular\src\dev-server\schema.json

und Suchport

"port": {
  "type": "number",
  "description": "Port to listen on.",
  "default": 4200
},

Ändern Sie den Standardwert nach Belieben und starten Sie den Server neu

• Für Permanent:

  Goto nodel_modules / Winkel-cli / Befehle / server.js Suche nach var Default = process.env.PORT || 4200; und ändern Sie 4200 auf alles andere, was Sie wollen.

• Jetzt ausführen:

  ng serve --port 4500 (Sie ändern 4500 in eine beliebige Nummer, die Sie als Port verwenden möchten.)

Es wird nicht empfohlen, die Knotenmodule zu ändern, da durch Aktualisierungen oder Neuinstallationen diese Änderungen möglicherweise entfernt werden. Also besser in eckigen Cli ändern

Winkel 9 in angle.json

{
    "projects": {
            "targets": {
                "serve": {
                    "options": {
                         "port": 5000
                     }
                }     
            }     
    }
}  

Sie können die Standardportnummer bearbeiten, die in der Datei serve.js konfiguriert ist.

Pfad wird sein project_direcory/node_modules/angular-cli/commands/serve.js.

Nach dieser Zeile suchen -> Durch var defaultPort = process.env.PORT || 4200;
diese Zeile ersetzen ->var defaultPort = process.env.PORT || 5000;

einfach laufen ng serve --port 5000 --open

Führen Sie den folgenden Befehl für andere als 4200 aus

ng serve --port 4500

In angle.json:

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

Ich benutze Angular-Cli. Das hat bei mir funktioniert.

im Winkel 2 ++.

Um den Port zu ändern, können Sie den folgenden Befehl im Terminal ausführen:

ng serve --host 0.0.0.0 --port 5000.

Obwohl die obigen Antworten bereits zahlreiche gültige Lösungen enthalten, finden Sie hier eine visuelle Anleitung und eine spezifische Lösung für Angular 7-Projekte (möglicherweise auch frühere Versionen, jedoch keine Garantien), die Visual Studio Code verwenden. Suchen Sie die Datei schema.json in den Verzeichnissen, wie in der Bildstruktur gezeigt, und ändern Sie die Ganzzahl unter Port -> Standard für eine dauerhafte Änderung des Ports im Browser.

Zur angular.jsonDatei gehen,

Suchen Sie nach dem Schlüsselwort "dienen":

Fügen Sie das portSchlüsselwort wie unten gezeigt hinzu:

 "serve": {
     "builder": "@angular-devkit/build-angular:dev-server",
     "options": {
         "browserTarget": "my-new-angular-app:build",
         "port": 3001
     },
     ...

Wir haben zwei Möglichkeiten, die Standardportnummer in Angular zu ändern.

Erster Weg zum Befehl cli:

ng serve --port 2400 --open

Der zweite Weg ist durch Konfiguration am Standort : ProjectName\node_modules\@angular-devkit\build-angular\src\dev-server\schema.json.

Nehmen Sie Änderungen an der schema.jsonDatei vor.

{
 "title": "Dev Server Target",
  "description": "Dev Server target options for Build Facade.",
  "type": "object",
  "properties": {
    "browserTarget": {
      "type": "string",
      "description": "Target to serve."
    },
    "port": {
      "type": "number",
      "description": "Port to listen on.",
      "default": 2400
    },

Renn einfach

ng dienen --portieren Sie Ihren Hafen

Beispiel:

ng serve --port 4401

Der Code, der für mich funktionierte, war wie folgt

ng serve --port ABCD

Beispielsweise

ng serve --port 6300

Zum Ausführen und Öffnen im Browser verwenden Sie automatisch das Flag -openoder einfach-o

ng serve -o --port 4200

Hinweis: Der Port 4200 ist beliebig. Es kann jeder Hafen Ihrer Wahl sein

Wenn Sie die Umgebungsvariable NodeJS verwenden möchten, um den Wert des Ports des Angular CLI-Entwicklungsservers festzulegen, ist folgender Ansatz möglich:

• Erstellen Sie ein NodeJS-Skript, das Zugriff auf die Umgebungsvariable hat (z. B. DEV_SERVER_PORT) und ng servemit einem --portParameterwert ausgeführt werden kann, der aus dieser Variablen stammt ( child_process könnte hier unser Freund sein):

const child_process = require('child_process');
const child = child_process.exec(`ng serve --port=${process.env.DEV_SERVER_PORT}`);
child.stdout.on('data', data => console.log(data.toString()));

• Aktualisieren Sie package.json, um dieses Skript bereitzustellen, das über npm ausgeführt wird
• Vergessen Sie nicht, die DEV_SERVER_PORTUmgebungsvariable einzurichten (kann über dotenv erfolgen ).

Hier ist auch die vollständige Beschreibung dieses Ansatzes: So ändern Sie den Port des Angular CLI Development Server über .env .

Dadurch wird auch Ihr Fenster automatisch geöffnet

ng serve -o --port 4801