Angular 6及以上版本如何修改默认端口4200？

嘿，你遇到的问题很典型——Angular 6确实把旧版本的.angular-cli.json换成了angular.json，配置结构也做了调整，原来的defaults节点已经不再适用啦，所以才会抛出schema错误。下面给你几种靠谱的解决办法：

方法一：修改项目的angular.json永久生效 #

打开项目根目录下的angular.json，找到projects节点下你的项目名称（比如默认的my-app），然后依次展开architect -> serve -> options，在这个对象里添加"port": 4220即可。示例如下：

{
  "projects": {
    "my-app": {
      "architect": {
        "serve": {
          "options": {
            "port": 4220,
            "host": "localhost",
            "browserTarget": "my-app:build"
          }
        }
      }
    }
  }
}

修改完成后，重启ng serve就能用新端口访问项目了。

方法二：启动时临时指定端口 #

如果只是偶尔需要换端口测试，不用修改配置文件，直接在启动命令后加--port参数就行：

ng serve --port 4220

方法三：全局设置默认端口（所有新项目生效） #

如果你希望所有新建的Angular项目都默认用这个端口，可以通过ng config命令全局配置：

ng config --global defaults.serve.port 4220

这样以后用ng new创建的项目，默认启动端口就是4220啦。

内容的提问来源于stack exchange，提问作者Sami-L