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

(编辑:jimmy 日期: 2025/1/16 浏览:2)

因为本地希望开启两个项目,由于@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中修改 

"start": "ng serve --port 5200",

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

一句话新闻

高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。