angular-cliで開発サーバーのポート番号変更


確認した環境

$ ng --version
@angular/cli: 1.3.0
node: 8.1.3
os: darwin x64

上記バージョンのangular-cliで作成した、angularプロジェクトが対象です。

変更する

.angular-cli.jsonのdefaults->serve->portの項目を編集します。
angular-cliで作成した直後の状態だと項目自体がないので、追加します。
下記の例では、デフォルトの4200から4201に変更しています。

変更前

.angular-cli.json
...
  "defaults": {
    "styleExt": "css",
    "component": {}
  }
}

変更後

.angular-cli.json
...

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

確認

$ ng serve

次のように、変更したポート番号で開発サーバーが起動していることが確認出来ると思います。