Comment changer le port angulaire de 4200 à tout autre

Vous pouvez modifier le port de votre application en entrant la commande suivante,

Service Ng --port 4200

Aussi, pour une configuration permanente, vous pouvez changer le port en éditant angular-cli.fichier json

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

Changer nodel_modules/angular-cli/commands/server.js est une mauvaise idée car elle sera mise à jour lorsque vous installerez la nouvelle version de angular-cli. Au lieu de cela, vous devez spécifier ng servir --port 5000 dans package.json comme ceci:

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

Vous pouvez également spécifier l'hôte avec --host 127.0.0.1

Cela a changé plusieurs fois.

Si vous utilisez CLI angulaire 1

Modifier angular-cli.json

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

Si vous utilisez la dernière CLI Anfular

Modifier angular.json

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

Sans modifier aucun fichier

Exécutez la commande

ng serve --host 0.0.0.0 --port 5000

• Pour Les Permanents:

  Goto nodel_modules/angulaires-cli/commandes/serveur.js Rechercher var defaultPort = processus.env.PORT / / 4200; et changer 4200 à tout ce que vous voulez.

• Pour Exécuter Maintenant:

  Ng serve --port 4500 (vous changez 4500 en n'importe quel nombre que vous voulez utiliser comme port)

J'utilise généralement la commande ng set pour modifier les paramètres CLI angulaires au niveau du projet.

ng set defaults.serve.port=4201

, Il change changer votre .angular.cli.json et ajoute les paramètres de port comme , il mentionné plus tôt.

Après ce changement, vous pouvez simplement utiliser ng serve et il va utiliser le port préféré sans avoir besoin de le spécifier à chaque fois.

Il semble que les choses aient changé dans les versions récentes de la CLI (j'utilise 6.0.1). J'ai pu changer le port par défaut utilisé par ng serve en ajoutant une option port à angular.json de mon projet:

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

(seules les propriétés pertinentes sont affichées dans cet exemple.)

Vous pouvez également entrer la commande ci-dessous dans votre cli angulaire où vous entrez normalement npm start

Ng servir --host "adresse ip" --port "port number"

Vous pouvez modifier le numéro de port par défaut configuré dans servir.fichier js.

Chemin sera project_direcory/node_modules/angular-cli/commands/serve.js.

Rechercher cette ligne -> var defaultPort = process.env.PORT || 4200;
Remplacer par cette ligne -> var defaultPort = process.env.PORT || 5000;

Vous pouvez également écrire cette commande: ng serve -p 5000

Exécuter la commande ci-dessous pour autre que 4200

ng serve --port 4500

Personne n'a mis à jour la réponse pour la dernière CLI angulaire.Avec la dernière Angular CLI

Avec latest version angulaires-cli dans angulaire-cli.json renommé angular.json , vous pouvez modifier le port par édition angular.json fichier vous spécifiez un port par "project"

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

Lire plus à ce sujet here

Exécutez Simplement ng serve --port 5000 --open

En angle.json:

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

J'utilise angular-cli. Cela a fonctionné pour moi.

Angulaire 2++.

Pour changer de port, vous pouvez exécuter la commande ci-dessous dans le terminal :

ng serve --host 0.0.0.0 --port 5000.