详解@angular/cli 改变默认启动端口两种方式

作者: 总有刁民想害朕ooo
来源: 51数据库
2020-08-08

这篇文章主要介绍了详解@angular/cli 改变默认启动端口两种方式，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

因为本地希望开启两个项目,由于@angular/cli 生成项目默认是: 4200; 那么肯定会有端口冲突问题;

修改端口的两种方式：

1 修改 schema.json

node_modules\@angular-devkit\build-angular\src\dev-server\schema.json
{
 "title": "Dev Server Target",
 "description": "Dev Server target options for Build Facade.",
 "type": "object",
 "properties": {
 "browserTarget": {
 "type": "string",
 "description": "Target to serve."
 },
 "port": {
 "type": "number",
 "description": "Port to listen on.",
 "default": *4200*
 },
 "host": {
 "type": "string",
 "description": "Host to listen on.",
 "default": "localhost"
 },
 "proxyConfig": {
 "type": "string",
 "description": "Proxy configuration file."
 },
 ...
 ...
 }
}

2 第二种方式通过 --port 方式 package.json中修改