跳至主要內容
版本:v8

ionic serve

啟動用於應用程式開發/測試的本機開發伺服器

$ ionic serve [options]

輕鬆啟動在瀏覽器中啟動的開發伺服器。它會監看原始檔中的變更,並使用更新後的組建自動重新載入。

預設情況下,ionic serve 會在 localhost 上啟動開發伺服器。若要提供給您的 LAN,請指定 --external 選項,這將使用所有網路介面,並列印正在提供應用程式的外部位址。

ionic serve 使用 Angular CLI。使用 ng serve --help 列出用於提供應用程式的所有 Angular CLI 選項。請參閱 ng serve 文件 以取得說明。下面未列出的選項被視為進階選項,可以使用 Ionic CLI 引數之後的 -- 分隔符號傳遞至 Angular CLI。請參閱範例。

開發伺服器可以使用 HTTPS,透過 --ssl 選項(實驗性)。HTTPS 有幾個已知問題。請參閱問題 #3305

選項

  • --ssl:為開發伺服器使用 HTTPS

  • --prod:標記以使用 production 組態

  • --external:在所有網路介面上託管開發伺服器(即 --host=0.0.0.0

  • --no-livereload:不啟動開發伺服器--僅提供檔案

  • --no-open:不開啟瀏覽器視窗

進階選項

  • --consolelogs:將應用程式主控台記錄列印到終端機

  • --consolelogs-port=<port>:使用特定埠號做為控制台日誌伺服器

  • --configuration=<conf>:指定要使用的組態。(或 -c)

  • --source-map:輸出原始對應

  • --host=<host>:為開發伺服器使用特定主機

  • --port=<port>:為開發伺服器使用特定埠號 (或 -p)

  • --public-host=<host>:用於瀏覽器或 Web 檢視的主機

  • --browser=<browser>:指定要使用的瀏覽器 (safarifirefoxgoogle chrome) (或 -w)

  • --browseroption=<path>:指定要開啟的路徑 (/#/tab/dash) (或 -o)

範例

$ ionic serve 
$ ionic serve --external
$ ionic serve -- --proxy-config proxy.conf.json