macOS에 Angular CLI를 설치하는 방법

macOS에 Angular CLI를 설치하는 방법

2022-10-18 last update

6 minutes reading Angularjs macOS Angular Angular-cli
이 자습서는 명령줄을 통해 macOS 운영 체제에 Angular.js를 설치하는 데 도움이 됩니다. macOS에서 install Homebrew package manager 해야 합니다.

1단계 – 전제 조건

Homebrew를 사용하여 macOS 시스템에 Node.js 설치를 시작하겠습니다. 따라서 먼저 Homebrew 패키지 관리자 색인을 업데이트하십시오. 그런 다음 다음 명령을 사용하여 MacOS 시스템에 Node.js 패키지를 설치할 수 있습니다.
brew update  
brew install node
시스템에 Node.js를 성공적으로 설치했습니다. 터미널에서 아래 명령어를 실행하면 설치된 Node.js 버전 정보를 볼 수 있습니다.
node -v

v12.4.0

2단계 – macOS에 Angular/CLI 설치

시스템에 Node.js 및 npm을 설치한 후 다음 명령을 사용하여 시스템에 전역적으로 Angular CLI 도구를 설치합니다.
npm install -g @angular/cli
이 명령은 macOS 시스템에 사용 가능한 최신 Angular CLI 버전을 설치합니다. macOS에 다른 항목Angular version이 필요한 경우 필요한 버전에 따라 다음 명령 중 하나를 사용하십시오.
npm install -g @angular/[email protected]6     #Angular 6
npm install -g @angular/[email protected]7     #Angular 7
npm install -g @angular/[email protected]8     #Angular 8
npm install -g @angular/[email protected]9     #Angular 9
위의 -g 명령을 사용하면 Angular CLI 도구가 전역으로 설치됩니다. 따라서 시스템의 모든 사용자와 응용 프로그램이 액세스할 수 있습니다. Angular CLI는 명령줄 작업에 사용되는 명령ng을 제공합니다. 시스템에 설치된 ng 버전을 확인해 보겠습니다.
ng --version

3단계 – 새 Angular 애플리케이션 만들기

이제 Angular CLI 도구를 사용하여 hello-angular4라는 새 응용 프로그램을 만듭니다. 다음 명령을 실행하여 다음을 수행합니다.
ng new hello-angular4
출력:
...
...
added 1011 packages from 1041 contributors and audited 19005 packages in 55.774s
found 0 vulnerabilities

    Successfully initialized git.
현재 디렉터리에 hello-angular4라는 디렉터리가 생성되고 애플리케이션이 생성됩니다.

4단계 – Angular 애플리케이션 제공

기본 Angular 애플리케이션을 제공할 준비가 되었습니다. 디렉토리를 hello-angular4로 변경하고 ng serve 명령을 사용하여 Angular 애플리케이션을 실행합니다.
cd hello-angular4
ng serve
Angular 애플리케이션에서 사용하는 기본 호스트 및 포트인 localhost 포트 4200에서 Angular 애플리케이션에 액세스할 수 있습니다.
  • http://localhost:4200

  • –host 및 –port 명령줄 인수를 제공하여 Angular 애플리케이션을 실행하기 위한 호스트 및 포트를 변경할 수 있습니다.
    ng serve --host 0.0.0.0 --port 8080
    
    IP 주소 0.0.0.0은 모든 인터페이스에서 수신 대기하고 공개적으로 액세스할 수 있습니다.