2016-02-16 73 views
12

我剛剛結束了Angular 2的教程,我找不到將localhost端口從3000更改爲8000的方法。在我的package.json文件中,有我認爲相關的"start": "concurrent \"npm run tsc:w\" \"npm run lite\" "行,但我不確定。如何從3000更改服務器端口?

+0

這是我有一個真正的問題,它可以爲你明顯,但我可能會跳過文檔的這一部分。我想我表達得很好,因爲我有一個完美的答案。但我會很高興知道你爲什麼認爲我並不真正期待對我的問題作出回答。 –

回答

16

你可以在裏面bs-config.json文件改變其作爲文檔https://github.com/johnpapa/lite-server#custom-configuration

例如提到,

{ 
    "port": 8000, 
    "files": ["./src/**/*.{html,htm,css,js}"], 
    "server": { "baseDir": "./src" } 
} 
+1

我只需從文件和baseDir中取出'src'。它是完美的。 –

+0

Hi @ Kalman,在我的項目設置中沒有任何bs-config.json,所以我可以如何更改我的端口號。你能幫我麼。 雖然,我已經在我的整個項目中搜索「端口」或「3000」,但在我的項目中沒有這樣的。 –

+0

@ShubhamVerma在項目的根目錄創建一個新文件,併爲端口添加一個條目(因爲您不需要其他文件)。 – Nitin

5

1->使用文件默認Config-角CLI來自餘燼-CLI項目。要在特定端口上運行應用程序 ,請在項目根目錄中創建一個.ember-cli文件。添加 您的JSON配置在那裏:

{ 「端口」:1337 }

2->在角-CLI

使用命令行工具 運行此命令納克服務 - 端口1234

要永久更改端口號:

個轉到

node_modules /角CLI /命​​令/ server.js的var defaultPort = process.env.PORT || 4200;(其他城市4200其他任何你想要的)

搜索。

0

您可以在config文件夾中的webpack.dev.js文件中更改它。

1

如果您沒有bs-config.json,則可以更改lite-server模塊中的端口。在您的項目中轉到node_modules/lite-server/lib/config-defaults.js,然後像這樣在「modules.export」中添加端口。

module.export { 
    port :8000, // to any available port 
    ... 
} 

然後您可以重新啓動服務器。

1

使用Angular 4及其附帶的cli我可以用$npm start -- --port 8000啓動服務器。該工作確定:** NG Live Development Server is listening on localhost:8000, open your browser on http://localhost:8000 **

Here

enter image description here enter image description here

+0

爲什麼投了票?這可以將端口分配到8000. – Hodglem

+0

,因爲它不起作用 –

+1

@AlexPandrea請參閱我添加的圖像。請解釋「不起作用」。 – Hodglem

0

得到尖端在package.json設置以下命令(例如用於在端口82上運行)

"start": "set PORT=82 && ng serve --ec=true" 

然後npm start

0

如果想要改變角度2或4的端口號,我們只需要打開.angular-cli。JSON文件,我們需要保持代碼像下面

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

}