结合使用ANGLING-CLI和ng serve命令,我如何才能指定默认端口,这样我就不需要每次都手动传递--port标志了?

我想更改默认端口4200.

推荐答案

Update for @angular/cli@9.x: and over

angular.json中,您可以 for each "项目"指定一个端口

"projects": {
    "my-cool-project": {
        ... rest of project config omitted
        "architect": {
            "serve": {
                "options": {
                    "port": 1337
                }
            }
        }
    }
}

所有可用选项:

https://angular.io/guide/workspace-config#project-tool-configuration-options

或者,您可以在每次运行ng server时指定端口,如下所示:

ng serve --port 1337

使用此方法时,您可能希望将其放入您的Package.json中的脚本中,以使每次运行/与团队中的其他人共享配置变得更容易:

"scripts": {
    "start": "ng serve --port 1337"
}

传统:

Update for @angular/cli final:

angular-cli.json中,您可以在默认设置中指定端口:

"defaults": {
  "serve": {
    "port": 1337
  }
}

传统-呃:

Tested in angular-cli@1.0.0-beta.22-1

angular-cli中的服务器来自ember-cli项目.

{
   "port": 1337
}

重新启动服务器,它将在该端口上运行.

此处指定了更多选项:

{
  "skipGit" : true,
  "port" : 999,
  "host" : "0.1.0.1",
  "liveReload" : true,
  "environment" : "mock-development",
  "checkForUpdates" : false
}

Angular相关问答推荐

angular 17:app.config. server.ts中的mergeApplicationconfig导致初始化在app.config. ts中导入的提供程序

Change上的Angular 自定义控件无法正常工作

按Angular 从组件的 bootstrap 选项卡中删除活动类

在Angular 应用中混合使用较少和较粗俗的文件

NGNEW不会在src根文件夹ANGLI CLI 17.0.10中生成app.mode.ts

属性';apiUrl';在我的Angular 应用程序上不存在类型';{}';错误

Angular 17多内容投影错误

Angular 16模块中未使用的组件是否从Bundle 包中删除(树摇动)?

如何以Angular 改变环境

将 html ngModel 值传递给服务Angular

如何以Angular 2 获取当前路由自定义数据?

如何检测滚动到html元素的底部

Angular 5 国际化

使用 Jasmine 和 Karma 对 Angular 进行单元测试,错误:无法绑定到xxx,因为它不是xxxxxx的已知属性.

在Angular2的 Select 列表中设置最初 Select 的项目

如何在 Angular 2 的同一个组件中使用多个 ng-content?

为什么用?模板绑定中的运算符?

angular2 测试,我如何模拟子组件

如何从指令访问主机组件?

如何将 @Input 与使用 ComponentFactoryResolver 创建的组件一起使用?