구성 파일에서 ng serve의 기본 호스트 및 포트 설정

구성 파일에서 ng serve의 기본 호스트 및 포트 설정

---

구성 파일에서 호스트와 포트를 설정할 수 있는지 알고 싶으므로 입력하지 않아도됩니다.

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

그냥 대신

ng serve

---

앵귤러 CLI 6+

각도의 최신 버전이이 설정됩니다 설정 파일 . 예: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}

앵귤러 CLI <6

이전 버전에서는 요소 아래 에 설정되었습니다angular-cli.jsondefaults .

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

---

지금 당장 그 기능은 지원되지 않지만 이것이 당신을 대체하는 것을 방해하는 것이라면 package.json에있을 것입니다 ...

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

이렇게하면 간단하게 실행할 수 있습니다 npm start

여러 프로젝트 에서이 작업을 수행하려는 또 다른 옵션은 별칭을 만드는 것입니다.이 별칭 ngserve은 위의 명령을 실행할 이름 을 지정할 수 있습니다 .

---

두 가지 명령 줄 옵션을 사용하여 기본 HTTP 포트와 LiveReload 서버에서 사용하는 포트를 구성 할 수 있습니다.

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

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

---

최신 Angular CLI에서 변경되었습니다.

파일 이름이으로 변경되었으며 angular.json구조도 변경되었습니다.

이것이 당신이해야 할 일입니다.

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

---

또 다른 옵션은 다음 ng serve과 같은 --port옵션으로 명령 을 실행 하는 것입니다.

ng serve --port 5050 (즉, 포트 5050의 경우)

또는, 명령 ng serve --port 0은 사용 가능한 포트를 자동으로 할당합니다.

---

Angular에서 기본 포트 번호를 변경하는 두 가지 방법이 있습니다.

cli command의 첫 번째 방법 :

ng 서브-포트 2400-오픈

두 번째 방법은 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 },

---

You can save these in a file, but you have to to put it in .ember-cli (at the moment, at least); see https://github.com/angular/angular-cli/issues/1156#issuecomment-227412924

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

edit: you can now set these in angular-cli.json as of commit https://github.com/angular/angular-cli/commit/da255b0808dcbe2f9da62086baec98dacc4b7ec9, which is in build 1.0.0-beta.30

---

If your are on windows you can do it this way :

1. In your project root directory, Create file run.bat
2. Add your command with your choice of configurations in this file. For Example

ng serve --host 192.168.1.2 --open

3. Now you can click and open this file whenever you want to serve.

This not standard way but comfortable to use (which I feel).

---

here is what i put into package.json (running angular 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"
  },

Then a plain npm start will pull in the contents of start. Could also add other options to contents

---

enter image description here

Only one thing you have to do. Type this in in your Command Prompt: ng serve --port 4021 [or any other port you want to assign eg: 5050, 5051 etc ]. No need to do changes in files.

---

If you are planning to run the angular project in custom host/IP and Port there is no need of making changes in config file

The following command worked for me

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

Where,

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

Example

ng serve --host 192.168.322.144 --port 6300

Result for me was

참고URL : https://stackoverflow.com/questions/37762125/set-default-host-and-port-for-ng-serve-in-config-file