Voglio usare 5000 invece di 4200 ..
Quello che ho provato è che ho creato un file sul nome di root ember-cli
e ho inserito JSON secondo il codice seguente:
{
"port": 5000
}
Ma la mia app funziona ancora su 4200 anziché 5000
Voglio usare 5000 invece di 4200 ..
Quello che ho provato è che ho creato un file sul nome di root ember-cli
e ho inserito JSON secondo il codice seguente:
{
"port": 5000
}
Ma la mia app funziona ancora su 4200 anziché 5000
Risposte:
La soluzione ha funzionato per me era
ng serve --port 4401
(Puoi cambiare 4401 con il numero che vuoi)
Quindi avviare il browser -> http: // localhost: 4401 /
Fondamentalmente, avevo due applicazioni e con l'aiuto dell'approccio sopra ora sono in grado di eseguirle entrambe contemporaneamente nel mio ambiente di sviluppo.
npm start --port 4401
perché npm start
non sembra eseguire --port
ng serve --port 4401 --open
È possibile modificare la porta dell'applicazione immettendo il comando seguente,
Servizio --port 4200
Inoltre, per una configurazione permanente è possibile cambiare la porta modificando il file angular-cli.json
"defaults": {
"serve": {
"port": 8080
}
}
Sembra che le cose siano cambiate nelle ultime versioni della CLI (sto usando 6.0.1
). Sono stato in grado di cambiare la porta predefinita utilizzata ng serve
aggiungendo port
un'opzione a quella del mio progetto angular.json
:
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"projects": {
"my-project": {
"architect": {
"serve": {
"options": {
"port": 4201
}
}
}
}
}
}
(In questo esempio vengono mostrate solo le proprietà pertinenti.)
Cambiare nodel_modules/angular-cli/commands/server.js
è una cattiva idea in quanto verrà aggiornato quando si installa la nuova versione di angular-cli
. Invece dovresti specificare ng serve --port 5000 in package.json
questo modo:
"scripts": {
"start": "ng serve --port 5000"
}
Puoi anche specificare host con --host 127.0.0.1
ng serve
? Non sembra funzionare quando controllo il browser con,localhost:5000
npm start
come comando
angular.json
La posizione per le impostazioni della porta è cambiata un paio di volte.
Modificare angular-cli.json
{
"defaults": {
"serve": {
"host": "0.0.0.0",
"port": 5000
}
}
}
Modificare angular.json
"projects": {
"project-name": {
...
"architect": {
"serve": {
"options": {
"host": "0.0.0.0",
"port": 5000
}
}
}
...
}
}
Esegui il comando
ng serve --host 0.0.0.0 --port 5000
serve
livello di opzione contiene due elementi con browserTarget
, options
e configurations/production
. Devo aggiungere questa nuova port
voce in entrambe o solo in options
quella?
Nessuno ha aggiornato la risposta all'ultima CLI angolare. Con l'ultima Angular CLI
Con latest version
angular-cli in cui è stato rinominato angular-cli.json angular.json
, puoi cambiare la porta modificando il angular.json
file che ora specifichi una porta per"project"
projects": {
"my-cool-project": {
... rest of project config omitted
"architect": {
"serve": {
"options": {
"port": 4500
}
}
}
}
}
Leggi di più al riguardo here
browserTarget
voce, come nel serve / options
caso in cui aggiungiamo la nuova port
?
Di solito utilizzo il ng set
comando per modificare le impostazioni della CLI angolare a livello di progetto.
ng set defaults.serve.port=4201
Cambia cambia .angular.cli.json
e aggiunge le impostazioni della porta come menzionato in precedenza .
Dopo questa modifica puoi usare semplicemente ng serve
e userà la porta preferita senza la necessità di specificarla ogni volta.
puoi anche inserire il seguente comando nel tuo cli angolare dove normalmente inserisci npm start
ng serve --host "indirizzo IP" --port "numero porta"
puoi anche scrivere questo comando: ng serve -p 5000
vai a questo file
node_modules\@angular-devkit\build-angular\src\dev-server\schema.json
e cerca porta
"port": {
"type": "number",
"description": "Port to listen on.",
"default": 4200
},
modificare il valore predefinito come desiderato e riavviare il server
node_modules/@angular/cli/lib/config/schema.json
che contiene la stessa proprietà.
Per permanente:
Vai a nodel_modules / angular-cli / command / server.js Cerca var defaultPort = process.env.PORT || 4200; e cambia 4200 con qualsiasi altra cosa tu voglia.
Per eseguire ora:
ng serve --port 4500 (modifica 4500 con qualsiasi numero che si desidera utilizzare come porta)
node_modules
sia una buona pratica.
È possibile modificare il numero di porta predefinito configurato nel file serve.js.
Il percorso sarà project_direcory/node_modules/angular-cli/commands/serve.js
.
Cerca questa riga -> var defaultPort = process.env.PORT || 4200;
Sostituisci con questa riga ->var defaultPort = process.env.PORT || 5000;
corri semplicemente ng serve --port 5000 --open
Esegui sotto il comando per diverso da 4200
ng serve --port 4500
In angular.json:
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "projectname:build",
"port": 5000
}
Sto usando angular-cli. Questo ha funzionato per me.
in angolare 2 ++.
Per cambiare porta è possibile eseguire il comando seguente nel terminale:
ng serve --host 0.0.0.0 --port 5000.
Sebbene ci siano già numerose soluzioni valide nelle risposte di cui sopra, ecco una guida visiva e una soluzione specifica per i progetti di Angular 7 (forse anche versioni precedenti, nessuna garanzia però) usando Visual Studio Code. Individua lo schema.json nelle directory come mostrato nell'albero delle immagini e modifica il numero intero sotto port -> default per una modifica permanente della porta nel browser.
Vai al angular.json
file,
Cerca la parola chiave "serve":
Aggiungi la port
parola chiave come mostrato di seguito:
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "my-new-angular-app:build",
"port": 3001
},
...
Abbiamo due modi per modificare il numero di porta predefinito in Angolare.
Primo modo per comando cli:
ng serve --port 2400 --open
In secondo modo è quello di configurazione nella posizione: ProjectName\node_modules\@angular-devkit\build-angular\src\dev-server\schema.json
.
Apporta modifiche al schema.json
file.
{
"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
},
Il codice ha funzionato per me era il seguente
ng serve --port ABCD
Per esempio
ng serve --port 6300
Per eseguire e aprire nel browser utilizzare automaticamente la bandiera -open
o solo-o
ng serve -o --port 4200
Nota: la porta 4200 è arbitraria. Può essere qualsiasi porta di tua scelta
Se si desidera utilizzare la variabile di ambiente NodeJS per impostare il valore della porta del server di sviluppo della CLI angolare, è possibile il seguente approccio:
DEV_SERVER_PORT
) e potrebbe essere eseguito ng serve
con il --port
valore del parametro preso da quella variabile ( child_process potrebbe essere nostro amico qui):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()));
DEV_SERVER_PORT
variabile di ambiente (può essere eseguita tramite dotenv )Ecco anche la descrizione completa di questo approccio: Come modificare la porta del server di sviluppo della CLI angolare tramite .env .
Questo aprirà automaticamente anche la tua finestra
ng serve -o --port 4801