Fedora 35/34/33에 Angular를 설치하는 방법

Fedora 35/34/33에 Angular를 설치하는 방법

2022-10-18 last update

7 minutes reading Angular Angular-cli
Angular은 오픈 소스 웹 애플리케이션 프레임워크입니다. 모든 구성 요소를 추적하고 업데이트를 정기적으로 확인합니다. 이 자습서는 Fedora 35/34/33 Linux 시스템에 Angular를 설치하는 데 도움이 됩니다. 또한 샘플 Angular 응용 프로그램을 만드는 데 도움이 됩니다.

1단계 – Node.js 설치

우선 Fedora 시스템에서 install node.js 해야 합니다. 다음 명령 세트를 사용하여 Fedora 시스템에 node.js PPA를 추가하고 필요한 패키지를 설치하십시오.
curl -sL https://rpm.nodesource.com/setup_14.x | sudo -E bash - 
sudo yum install nodejs 
시스템에 node.js와 NPM을 성공적으로 설치했는지 확인하십시오.
node --version 
npm --version 

2단계 – Fedora에 Angular 설치

시스템에서 Node.js 설치를 마친 후. 다음 명령을 사용하여 시스템에 npm을 사용하여 Angular CLI 모듈을 설치합니다.
npm install -g @angular/cli 
j이렇게 하면 시스템에 사용 가능한 최신 Angular CLI 버전이 설치됩니다. 특정Angular version을 설치하려면 버전 번호와 함께 다음과 같이 명령을 실행하십시오.
npm install -g @angular/[email protected]6     ## Install Angular 6 
npm install -g @angular/[email protected]7     ## Install Angular 7 
npm install -g @angular/[email protected]8     ## Install Angular 8 
npm install -g @angular/[email protected]9     ## Install Angular 9 
위의 명령에서 -g 옵션을 사용하면 Angular CLI가 전역으로 설치됩니다. 시스템의 모든 사용자와 응용 프로그램에서 사용할 수 있습니다. Angular CLI는 명령줄 작업에 사용되는 명령ng을 제공합니다. 설치가 완료되면 ng 명령을 사용하여 설치된 버전을 확인합니다.
ng --version 
Output
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | | / ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | | /_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___| |___/ Angular CLI: 9.1.4 Node: 14.2.0 OS: linux x64 Angular: ... Ivy Workspace: Package Version ------------------------------------------------------ @angular-devkit/architect 0.901.4 @angular-devkit/core 9.1.4 @angular-devkit/schematics 9.1.4 @schematics/angular 9.1.4 @schematics/update 0.901.4 rxjs 6.5.4

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

이제 Angular CLI 도구를 사용하여 hello-angular라는 새 응용 프로그램을 만듭니다. 다음 명령을 실행하여 다음을 수행합니다.
ng new hello-angular 
Output
... ... added 1011 packages from 1041 contributors and audited 19005 packages in 36.281s found 0 vulnerabilities Successfully initialized git.
현재 디렉터리에 "hello-angular"라는 디렉터리가 생성되고 애플리케이션이 생성됩니다.

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

기본 Angular 응용 프로그램을 제공할 준비가 되었습니다. hello-angular 디렉토리로 변경하고 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 
    
    호스트 0.0.0.0을 사용하면 모든 인터페이스에서 수신 대기합니다. 따라서 사설 네트워크 또는 공용 네트워크에서 액세스할 수 있습니다. 프로덕션 응용 프로그램의 경우 this tutorial을 사용하여 Apache를 Angular 응용 프로그램용 프런트 엔드 프록시 서버로 구성합니다. 따라서 기본 포트에서 최종 사용자가 액세스할 수 있습니다.

    결론

    이 튜토리얼은 Fedora Linux 시스템에 Angular CLI 유틸리티를 설치하는 데 도움이 되었습니다. 또한 샘플 Angular 애플리케이션을 만들고 실행하기 위한 지침을 제공합니다.