[angular-cli] 각도 포트를 4200에서 다른 포트로 변경하는 방법

4200 대신 5000을 사용하고 싶습니다 ..

내가 시도한 것은 루트 이름으로 파일을 만들고 ember-cli아래 코드에 따라 JSON을 넣는 것입니다.

{
   "port": 5000
}

하지만 내 앱은 여전히 ​​5000 대신 4200에서 실행됩니다.



답변

나를 위해 일한 해결책은

ng serve --port 4401

(4401을 원하는 숫자로 변경할 수 있습니다)

그런 다음 브라우저를 시작하십시오-> http : // localhost : 4401 /

기본적으로 두 개의 응용 프로그램이 있었고 위의 접근 방식을 통해 개발 환경에서 두 응용 프로그램을 동시에 실행할 수 있습니다.


답변

다음 명령을 입력하여 응용 프로그램 포트를 변경할 수 있습니다.

ng serve –port 4200

또한 영구 설치를 위해 angular-cli.json 파일을 편집하여 포트를 변경할 수 있습니다

 "defaults": {
    "serve": {
      "port": 8080
    }
  }


답변

최신 버전의 CLI에서 변경 된 것 같습니다 (사용하고 있습니다 6.0.1). 내 프로젝트에 옵션을 ng serve추가하여 사용되는 기본 포트를 변경할 수있었습니다 .portangular.json

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

이 예제에는 관련 속성 만 표시되어 있습니다.


답변

nodel_modules/angular-cli/commands/server.js새 버전을 설치할 때 업데이트되므로 변경 하는 것은 좋지 않습니다 angular-cli. 대신 다음 과 같이 ng serve –port 5000 을 지정해야 package.json합니다.

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

–host 127.0.0.1로 호스트를 지정할 수도 있습니다.


답변

포트 설정 위치가 두 번 변경되었습니다.

Angular CLI 1을 사용하는 경우

변화 angular-cli.json

{
  "defaults": {
    "serve": {
      "host": "0.0.0.0",
      "port": 5000
    }
  }
}

최신 Angular CLI를 사용하는 경우

변화 angular.json

"projects": {
    "project-name": {
        ...
        "architect": {
            "serve": {
                "options": {
                  "host": "0.0.0.0",
                  "port": 5000
                }
            }
        }
        ...
    }
}

파일을 변경하지 않고

명령을 실행

ng serve --host 0.0.0.0 --port 5000


답변

아무도 최신 Angular CLI에 대한 답변을 업데이트하지 않았습니다. Angular CLI

으로 latest version각-cli.json가로 이름이 변경되는 각도-CLI의 angular.json, 당신이 편집하여 포트를 변경할 수 있습니다 angular.json파일을 당신은 지금 당 포트를 지정"project"

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

그것에 대해 더 읽어보기 here


답변

나는 보통이 ng set명령을 사용하여 프로젝트 레벨에 대한 Angular CLI 설정을 변경합니다.

ng set defaults.serve.port=4201

앞에서 설명한.angular.cli.json 대로 변경 사항이 변경 되고 포트 설정이 추가 됩니다.

이 변경 후에는 간단하게 사용할 수 ng serve있으며 매번 지정할 필요없이 선호하는 포트를 사용하게됩니다.