angular-cli 服务器 - 如何指定默认端口

Question

将 angular-cli 与 ng serve 命令一起使用，我如何指定一个默认端口，这样我就不需要每次都手动传递 --port 标志？

我想更改默认端口 4200。

Answer 1

@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
}