2016-11-21 20 views
29

我想用5000代替4200 ..如何從4200變角2端口,任何其他

我曾嘗試爲我照着下面的代碼創建了根名稱ember-cli一個文件,並把JSON :

{ 
    "port": 5000 
} 

但我的應用程序仍然在4200,而不是5000

+1

可能重複http://stackoverflow.com/questions/37154813/angular-cli-server-how-to-specify-default-port –

+0

難道ü也重新啓動服務器? –

+0

是@kristjanreinhold – Ash

回答

31

的解決方案爲我是

ng serve --port 4401  

(你可以改變4401到任何你想要的號碼)

然後啓動瀏覽器 - >http://localhost:4401/

基本上,我有兩個應用程序,並用上述方法的幫助下,現在我可以給他們在我的開發環境中同時運行。

+0

偉大的答案,爲我工作 –

2

運行您可以編輯在serve.js文件中配置默認​​的端口號。

路徑將是project_direcory/node_modules/angular-cli/commands/serve.js

搜索該行 - >var defaultPort = process.env.PORT || 4200;
替換這一行 - >var defaultPort = process.env.PORT || 5000;

6
  • 永久:

    轉到nodel_modules /角-CLI /命​​令/ server.js 搜索var defaultPort = process.env.PORT || 4200;並將4200更改爲您想要的任何其他內容。

  • 要立即運行:

    納克服務--port 4500(你的改變4500至要用作端口使用任意數量的)

22

更改nodel_modules/angular-cli/commands/server.js是不好的主意,因爲它會在安裝angular-cli的新版本時更新。相反,你應該指定納克服務--port 5000package.json這樣的:

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

你也可以用--host 127.0.0.1指定主機

+0

如何啓動應用程序? 'ng serve'?似乎沒有工作,當我登錄瀏覽器,'localhost:5000' –

+0

明白了,'npm start'工程!謝謝。 –

43

您可以通過輸入更改應用程序的端口下面的命令,

納克服務--port 4200

而且,你可以通過編輯anglular-cli來改變端口。JSON文件

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

在較新的版本中,您應該使用ng serve --port 8080(不要使用「:」,而不要使用空格)。 –

+0

如果這是最後的「默認設置」設置,你應該擺脫尾隨逗號 –

4

你也可以在你的角度CLI輸入下面的命令通常輸入NPM啓動

納克服務 - 主機「IP地址」 --port「端口號」

1

你也可以這樣寫命令:ng serve -p 5000

+0

好的。它是短手Syntex。大 – Ash

1

我通常使用ng set命令來更改角CLI設置項目的水平。

ng set defaults.serve.port=4201 

它改變改變你的.angular.cli.json並添加端口設置爲it mentioned earlier

在這個改變之後,你可以簡單地使用ng serve,它將使用優先端口而不需要每次都指定它。

0

只需運行ng serve --port 5000 --open