CentOS/RHEL 8/7/6에 Angular CLI를 설치하는 방법

CentOS/RHEL 8/7/6에 Angular CLI를 설치하는 방법

2022-10-18 last update

6 minutes reading Angularjs Angular centos Angular-cli
Angular은 프레임워크, 라이브러리, 자산 및 유틸리티입니다. 모든 구성 요소를 추적하고 업데이트를 정기적으로 확인합니다. 이 자습서는 CentOS 8/7/6 및 RHEL 8/7/6 Linux 운영 체제에 Angular CLI 도구를 설치하는 데 도움이 됩니다.

1단계 – Node.js 설치

우선 시스템에 node.js를 설치해야 합니다. 다음 명령 세트를 사용하여 CentOS 시스템에서 node.js yum 저장소를 구성하고 설치하십시오.
curl -sL https://rpm.nodesource.com/setup_12.x | sudo -E bash -
sudo yum install nodejs
시스템에 node.js 및 NPM을 성공적으로 설치했는지 확인하십시오.
node --version
npm --version

2단계 – Angular/CLI 설치

시스템에 node.js 및 npm을 설치한 후 다음 명령을 사용하여 시스템에 Angular CLI 도구를 설치하십시오.
npm install -g @angular/cli
이렇게 하면 시스템에 사용 가능한 최신 Angular CLI 버전이 설치됩니다. 특정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



    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 9.0.7
Node: 12.16.1
OS: linux x64

Angular:
...
Ivy Workspace:

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.900.7
@angular-devkit/core         9.0.7
@angular-devkit/schematics   9.0.7
@schematics/angular          9.0.7
@schematics/update           0.900.7
rxjs                         6.5.3

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

이제 Angular CLI 도구를 사용하여 hello-angular4라는 새 응용 프로그램을 만듭니다. 다음 명령을 실행하여 다음을 수행합니다.
ng new hello-angular
출력:
...
...
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-angular
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은 모든 인터페이스에서 수신 대기하고 공개적으로 액세스할 수 있습니다.