150

コマンドでangular-cli を使用して、毎回フラグng serveを手動で渡す必要がないように、デフォルトのポートを指定するにはどうすればよいですか?--port

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

4

9 に答える 9

259

@angular/cli@9.x: 以降の更新

「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 final の更新:

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

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

レガシー:

angular-cli@1.0.0-beta.22-1 でテスト済み

のサーバーはプロジェクトangular-cliから取得されます。ember-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
}
于 2016-05-11T06:38:20.340 に答える
75

Angular 2 cli@2.3.1 では、

別のポートで新しいプロジェクトを実行するには、ng serve コマンドの実行中にポートを指定する方法があります。

ng serve --port 4201

または、package.json ファイルのスクリプト部分を編集して、以下で説明するようにポートを開始変数にアタッチし、「npm start」を実行するだけです。

 "scripts": {

    "ng": "ng",
    "start": "ng serve --port 4201",
    ... : ...,
    ... : ....
}

この方法は、ポートを毎回明示的に定義する必要がない場合にはるかに優れています。

于 2016-12-30T01:20:42.237 に答える
1

Angular バージョンの場合12、これでうまくいきました。このangular.jsonようなアップデートで

"serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "configurations": {
            "production": {
              "browserTarget": "angular-website:build:production"
            },
            "development": {
              "browserTarget": "angular-website:build:development",
              "port": 5000
            }
          },
          "defaultConfiguration": "development"
        },
于 2021-05-28T14:26:53.837 に答える