serveur d’angulaire-cli - comment spécifier le port par défaut

Question

À l’aide d’angulaire-cli avec la commande, comment puis-je spécifier un port par défaut donc je n’ai pas besoin de passer manuellement les drapeau chaque fois ?

Je voudrais changer de port 4200.

Answer 1

Mise à jour pour @angular/cli@6.x:

Dans le nouveau angular.json vous maintenant de spécifier un port par "projet"

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

Toutes les options disponibles:

https://github.com/angular/angular-cli/wiki/angular-workspace

---

Héritage:

Mise à jour pour @angulaire/cli finale:

À l'intérieur d' angular-cli.json vous pouvez spécifier le port dans les paramètres par défaut:

"defaults": {
  "serve": {
    "port": 1337
  }
}

---

Héritage:

Testé dans angular-cli@1.0.0-beta.22-1

Le serveur en angular-cli provient de l' ember-clidu projet. Pour configurer le serveur, créez un .ember-cli le fichier dans la racine du projet. Ajouter votre JSON config là:

{
   "port": 1337
}

Redémarrez le serveur et il servira sur ce port.

Il y a plus d'options indiquées ici: http://ember-cli.com/#runtime-configuration

{
  "skipGit" : true,
  "port" : 999,
  "host" : "0.1.0.1",
  "liveReload" : true,
  "environment" : "mock-development",
  "checkForUpdates" : false
}

Answer 2

En cli@2.3.1 2 angulaire,

Pour exécuter un nouveau projet sur l’autre port, consiste à spécifier le port pendant que vous exécutez la commande serve ng.

ou l’inverse, vous pouvez modifier votre part de scripts du fichier package.json et associée au port à votre variable de début comme j’ai mentionné ci-dessous et ensuite il suffit de lancer « démarrer NGP »

cette manière est beaucoup mieux où vous n’avez pas besoin de définir le port explicitement chaque fois.

Answer 3

Utilisez à la place du Musée scripts... Modifier votre package.json et ajouter la commande à la section script.

Puis juste exécuter``

Answer 4

Vous pouvez maintenant spécifier le port dans le .angular-cli.json sous les paramètres par défaut :

Testé en angulaire-cli v1.0.6

Answer 5

Pour @angulaire/cli v6.2.1

Le fichier de configuration du projet angular.json est capable de gérer de multiples projets (espaces de travail) qui peuvent être servies individuellement.

ng config projects.my-test-project.targets.serve.options.port 4201

Où l' my-test-project de la partie est le nom du projet que vous définissez avec l' ng new commande comme ici:

$ ng new my-test-project
$ cd my-test-project
$ ng config projects.my-test-project.targets.serve.options.port 4201
$ ng serve
** Angular Live Development Server is listening on localhost:4201, open your browser on http://localhost:4201/ **

---

Héritage:

J'ai l'habitude d'utiliser l' ng set commande pour changer l'angle de la CLI paramètres de l'échelle du projet.

ng set defaults.serve.port=4201

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

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