在配置文件中为 ng 服务设置默认主机和端口

我想知道我是否可以设置一个主机和一个配置文件中的端口，这样我就不必键入

ng serve --host foo.bar --port 80

而不是仅仅

ng serve
290167 次浏览
小开

到目前为止，这个特性还不受支持，但是如果这个特性让您感到困扰的话，您可以在 package.json 中找到一个替代方案..。

"scripts": {
"start": "ng serve --host foo.bar --port 80"
}

这样，您可以简单地运行 npm start

如果要在多个项目之间执行此操作，另一个选项是创建别名，您可以将其命名为 ngserve，它将执行上述命令。

小开

您可以使用两个命令行选项配置默认 HTTP 端口和 LiveRelload 服务器使用的端口:

ng serve --host 0.0.0.0 --port 4201 --live-reload-port 49153

Https://github.com/angular/angular-cli

小开

您可以将它们保存在一个文件中，但是必须将其放在 .ember-cli中(至少目前是这样) ; 请参阅 https://github.com/angular/angular-cli/issues/1156#issuecomment-227412924

{
"port": 4201,
"liveReload": true,
"host": "dev.domain.org",
"live-reload-port": 49153
}

编辑: 您现在可以从提交 https://github.com/angular/angular-cli/commit/da255b0808dcbe2f9da62086baec98dacc4b7ec9时开始在 angle-cli. json 中设置它们，https://github.com/angular/angular-cli/commit/da255b0808dcbe2f9da62086baec98dacc4b7ec9在构建1.0.0-beta.30中

小开
最佳答案

角 CLI 6 +

在最新版本的 Angular 中，这是在 angular.json配置文件中设置的。例如:

{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"projects": {
"my-project": {
"architect": {
"serve": {
"options": {
"port": 4444
}
}
}
}
}
}

你也可以通过 使用 ng config查看/编辑值:

ng config projects["my-project"].architect["serve"].options {port:4444}

角状指数 < 6

在以前的版本中，这是 defaults元素下面的 设定在 angular-cli.json:

{
"defaults": {
"serve": {
"port": 4444,
"host": "10.1.2.3"
}
}
}
小开

另一个选项是使用 --port选项运行 ng serve命令，例如

ng serve --port 5050(即端口5050)

或者，命令 ng serve --port 0将自动分配一个可用的端口以供使用。

小开

这在最新的角度 CLI 中发生了变化。

文件名更改为 angular.json，结构也更改。

你应该这么做:

"projects": {
"project-name": {
...
"architect": {
"serve": {
"options": {
"host": "foo.bar",
"port": 80
}
}
}
...
}
}
小开

下面是我放入 package.json (运行角度6) :

{
"name": "local-weather-app",
"version": "1.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve --port 5000",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},

然后一个普通的 npm 开始将拉入 start 的内容。还可以向内容添加其他选项

小开

在此输入图像描述

您只需要做一件事，在命令提示符中输入以下内容: Ng service ——端口4021[或任何其他要分配的端口，例如: 5050、5051等]。不需要对文件进行更改。

小开

我们有两种方法来改变默认端口号在角度。

第一种方法是使用 CLI 命令:

ng serve --port 2400 --open

第二种方法是在位置上进行配置:

ProjectName\node_modules\@angular-devkit\build-angular\src\dev-server\schema.json.

在 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": 2400
},
小开

如果你在窗户上，你可以这样做:

  1. 在您的项目根目录中，创建文件 run.bat
  2. 在此文件中添加您的命令和您选择的配置

ng serve --host 192.168.1.2 --open

  1. 现在，您可以随时单击并打开此文件。

这不是标准的方式，但使用舒适(我觉得)。

小开

如果您计划 运行角度计划在自定义 主机/IP 地址和 左舷有没有作出变化的需要在 配置文件

下面的命令对我有效

ng serve --host aaa.bbb.ccc.ddd --port xxxx

在哪里,

aaa.bbb.ccc.ddd --> IP you want to run the project
xxx --> Port you want to run the project

例子

ng serve --host 192.168.322.144 --port 6300

我的结果是

enter image description here

小开

如果您想在运行 ng 服务时特别打开您的本地 IP 地址，您可以执行以下操作:

npm install internal-ip-cli --save-dev
ng serve --open --host $(./node_modules/.bin/internal-ip --ipv4)
小开

使用 /etc/hosts设置本地名称解析并不太费力。

  • 要打开 hosts文件进行编辑，请运行: sudo nano /etc/hosts。
  • 然后在这里设置一个本地主机名，例如: 127.0.0.1 localho.st

然后可以在 angular.json中配置 architect > serve部分:

"options": {
"browserTarget": "app:build",
"liveReload": true,
"host": "localho.st",
"port": 8100
},

还可以改变 package.json中的 hostname:

ng run app:serve --host=localho.st --port=8100

提交答案