Angular 6 - 如何更改默认端口4200

Question

这个问题特定于Angular的版本6,而不是更早,因为.angular-cli.json文件已被angular.json文件替换.

我创建了一个新的Angular 6项目,并尝试使用以前的版本来更改其默认端口,但这次是在angular.json中.

  "defaults": {
    "serve": {
      "port": 4220
  },  

但是得到以下错误:

在.angular-cli.json中检测到的架构无效,请更正并重试!

有没有人知道如何使用这个新版本的Angular？

Answer 1

由于标题不准确:" angular-cli服务器 - 如何指定默认端口 ",很难找到我的问题的答案,但多亏了Vladymir Gonzalez,我做到了.

为了帮助其他人快速找到答案,我在这里提取了属于elwyn的 Angular 6的特定部分:

更新@ angular/cli @ 6.x:在新的angular.json中,您现在为每个"项目"指定一个端口

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

所有选项:

https://github.com/angular/angular-cli/wiki/angular-workspace

Answer 2

您始终可以在提供服务的同时指定端口： ng serve --port 3000

您可以在其中放置任何有效的端口号，它将从该端口开始使用。

Answer 3

我为有角度的2+应用程序给出答案。

如果要在不同的端口中启动2个角度应用程序，即

1) port 4200 
2) port 5000

您需要更改“ package.json”文件，只需在应用程序名称，版本默认可用的第一个花括号中添加一行“脚本块”，

"scripts": {
    "ng": "ng",
    "start": "ng serve --port 5000 ",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  }, 

通过“ npm start”命令启动您的应用程序。此命令将在端口5000上启动您的应用程序。