企业官网建设流程全解析

现在的结构是：

"serve":{"builder":"@angular/build:dev-server","configurations":{"production":{"buildTarget":"portal-scheduling:build:production"},"development":{"buildTarget":"portal-scheduling:build:development"}},"defaultConfiguration":"development"}

你只需要在 serve 下面，加一个 options

标准写法（推荐，永久生效）

"serve":{"builder":"@angular/build:dev-server","options":{"port":4300,"host":"localhost"},"configurations":{"production":{"buildTarget":"portal-scheduling:build:production"},"development":{"buildTarget":"portal-scheduling:build:development"}},"defaultConfiguration":"development"}

保存后直接运行：

ng serve

什么你“找不到端口配置”（这是关键认知）

老 Angular（≤15）

serve:{options:{port:4200}}

新 Angular（16 / 17 / 18）

• CLI 使用新的 @angular/build:dev-server

• 不会自动生成 options.port， 但 仍然完全支持 port

所以你现在看到的是：

“没写 ≠ 不能写”

如果你想区分 dev / prod 端口（可选进阶）

"serve":{"builder":"@angular/build:dev-server","configurations":{"development":{"buildTarget":"portal-scheduling:build:development","port":4300},"production":{"buildTarget":"portal-scheduling:build:production","port":4400}},"defaultConfiguration":"development"}

然后：

ng serve #4300ng serve-c production #4400