@angular/cli如何改变默认启动端口

在使用Angular CLI开发应用程序的时候，可能会遇到默认启动的端口与其他应用程序有冲突的情况。此时，我们需要改变默认启动端口。下面介绍在Linux、Windows和macOS三个操作系统中如何改变默认启动端口。

1. Linux系统

在Linux系统中，我们可以使用以下命令来改变默认启动端口：

ng serve --port 4200

上述命令表示将默认启动端口改为4200，如果其他的应用程序使用了4200端口，则可以选择其他的可用端口。注意，这个命令必须在项目根目录下通过命令行运行。

2. Windows系统

在Windows系统中，我们可以通过更改Angular CLI配置文件的方式来改变默认启动端口。具体操作如下：

（1）找到项目根目录下的.angular-cli.json文件，使用文本编辑器打开。

（2）找到以下代码：

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

（3）在“component”中添加以下代码：

"serve": {
    "port": 4200
}

（4）保存文件并关闭，然后在命令行中使用以下命令启动服务：

ng serve

上述命令表示使用更改后的默认端口4200启动服务。

3. macOS系统

在macOS系统中，我们可以通过在命令行中使用以下命令来改变默认启动端口：

ng serve --port 4200

以上就是对于如何改变@angular/cli默认启动端口的说明。在改变默认启动端口前，请确保新端口未被其他应用程序占用，否则会导致启动失败。