1. ホーム
  2. angular

[解決済み] angular-cli server - デフォルトのポートを指定する方法

2022-05-02 13:51:27

質問

angular-cliを使用した ng serve コマンドを使用する場合、デフォルトのポートを指定することで、手動で --port のフラグを毎回立てるのですか?

デフォルトのポート4200から変更したいのですが。

解決方法を教えてください。

angular/[email protected]: 以降の更新

angular.json は、プロジェクトごとにポートを指定することができます。

"projects": {
    "my-cool-project": {
        ... rest of project config omitted
        "architect": {
            "serve": {
                "options": {
                    "port": 1337
                }
            }
        }
    }
}

すべてのオプションが使用可能です。

https://angular.io/guide/workspace-config#project-tool-configuration-options

また、以下のようにng serveを実行する際に、その都度ポートを指定することも可能です。

ng serve --port 1337

このアプローチでは、毎回の実行を容易にするため、またチームの他の人と設定を共有するために、package.jsonにスクリプトを記述することができます。

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


レガシーです。

angular/cli 最終版に対応しました。

内部 angular-cli.json を指定すると、デフォルトでポートを指定することができます。

"defaults": {
  "serve": {
    "port": 1337
  }
}


レガシー派。

[email protected] でテスト済み

のサーバーは angular-cliember-cli プロジェクトに参加しています。 サーバを設定するために .ember-cli ファイルをプロジェクトルートに作成します。そこにJSONの設定を追加してください。

{
   "port": 1337
}

サーバーを再起動すると、そのポートでサービスを提供するようになります。

ここでは、さらに多くのオプションが指定されています。 http://ember-cli.com/#runtime-configuration

{
  "skipGit" : true,
  "port" : 999,
  "host" : "0.1.0.1",
  "liveReload" : true,
  "environment" : "mock-development",
  "checkForUpdates" : false
}