server angular-cli - come specificare la porta predefinita

Question

Utilizzando angular-cli con il comando ng serve, come è possibile specificare una porta predefinita in modo che non sia necessario passare manualmente il flag --port ogni volta?

Answer 1

Aggiornamento per @ angolare/cli finale: All'interno angular-cli.json è possibile specificare la porta nelle impostazioni predefinite:

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

---

Legacy:

Testato angular-cli@1.0 .0-beta.22-1

Il server in angular-cli proviene dal progetto ember-cli. Per configurare il server, creare un file .ember-cli nella root del progetto. Aggiungi la tua configurazione JSON qui:

{ 
    "port": 1337 
} 

Riavviare il server e verrà servito su quella porta.

Non ci sono più opzioni qui specificate: http://ember-cli.com/#runtime-configuration

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

Answer 2

In angolare 2 cli@2.3.1,

Per eseguire un nuovo progetto sulla diversa porto, in un modo è quello di specificare la porta mentre esegui il comando ng serve.

ng serve --port 4201 

o l'altro modo, è possibile modificare la vostra parte di file script package.json e attaccato la porta alla variabile d'inizio, come ho già detto qui sotto e poi semplicemente eseguire "inizio NPM"

"scripts": { 

    "ng": "ng", 
    "start": "ng serve --port 4201", 
    ... : ..., 
    ... : .... 
} 

questo il modo è molto meglio dove non è necessario definire esplicitamente la porta ogni volta.

Answer 3

Utilizzare invece script npm ... Modificare il pacchetto package.json e aggiungere il comando alla sezione script.

{ 
    "name": "my new project", 
    "version": "0.0.0", 
    "license": "MIT", 
    "angular-cli": {}, 
    "scripts": { 
    "ng": "ng", 
    "start": "ng serve --host 0.0.0.0 --port 8080", 
    "lint": "tslint \"src/**/*.ts\" --project src/tsconfig.json --type-check && tslint \"e2e/**/*.ts\" --project e2e/tsconfig.json --type-check", 
    "test": "ng test", 
    "pree2e": "webdriver-manager update --standalone false --gecko false", 
    "e2e": "protractor" 
    }, 
    "private": true, 
    "dependencies": { 
    "@angular/common": "^2.3.1", 
    "@angular/compiler": "^2.3.1", 
    "@angular/core": "^2.3.1", 
    "@angular/forms": "^2.3.1", 
    "@angular/http": "^2.3.1", 
    "@angular/platform-browser": "^2.3.1", 
    "@angular/platform-browser-dynamic": "^2.3.1", 
    "@angular/router": "^3.3.1", 
    "core-js": "^2.4.1", 
    "rxjs": "^5.0.1", 
    "ts-helpers": "^1.1.1", 
    "zone.js": "^0.7.2" 
    }, 
    "devDependencies": { 
    "@angular/compiler-cli": "^2.3.1", 
    "@types/jasmine": "2.5.38", 
    "@types/node": "^6.0.42", 
    "angular-cli": "1.0.0-beta.26", 
    "codelyzer": "~2.0.0-beta.1", 
    "jasmine-core": "2.5.2", 
    "jasmine-spec-reporter": "2.5.0", 
    "karma": "1.2.0", 
    "karma-chrome-launcher": "^2.0.0", 
    "karma-cli": "^1.0.1", 
    "karma-jasmine": "^1.0.2", 
    "karma-remap-istanbul": "^0.2.1", 
    "protractor": "~4.0.13", 
    "ts-node": "1.2.1", 
    "tslint": "^4.3.0", 
    "typescript": "~2.0.3" 
    } 
} 

Poi basta eseguire npm start

Answer 4

È ora possibile specificare la porta nella .angular-cli.json sotto le impostazioni predefinite:

"defaults": { 
    "styleExt": "scss", 
    "serve": { 
    "port": 8080 
    }, 
    "component": {} 
} 

testato in v1.0.6 angolare-cli

Answer 5

Di solito utilizzo il comando ng set per modificare le impostazioni della CLI angolare per il livello di progetto.

ng set defaults.serve.port=4201 

cambia cambiare il vostro .angular.cli.json e aggiunge le impostazioni della porta come it mentioned earlier.

Dopo questo cambiamento è possibile utilizzare semplicemente ng serve e utilizzerà la porta preferita senza che sia necessario specificarlo ogni volta.