用angular-cli工具修改开发服务器的端口号

确认环境

$ ng --version
@angular/cli: 1.3.0
node: 8.1.3
os: darwin x64

以上提到的是使用angular-cli创建的angular项目。

更改

编辑.angular-cli.json文件的defaults -> serve -> port属性。由于在使用angular-cli创建项目后，该属性本身并不存在，需要进行添加。下面的示例将默认的4200端口改为了4201端口。

改变之前

...
  "defaults": {
    "styleExt": "css",
    "component": {}
  }
}

修改后

...

  "defaults": {
    "styleExt": "css",
    "component": {},
    "serve": {
      "port": 4201
    }
  }
}

确认

$ ng serve

我认为您可以通过以下方式确认开发服务器已在更改后的端口号上启动。