这篇文章将为大家详细讲解有关@angular/cli如何改变默认启动端口，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

创新互联公司是一家从事企业网站建设、做网站、网站建设、行业门户网站建设、网页设计制作的专业网站制作公司，拥有经验丰富的网站建设工程师和网页设计人员，具备各种规模与类型网站建设的实力，在网站建设领域树立了自己独特的设计风格。自公司成立以来曾独立设计制作的站点上1000+。

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

关于“@angular/cli如何改变默认启动端口”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

文章名称：@angular/cli如何改变默认启动端口
路径分享：http://abwzjs.com/article/pipchg.html