Debian 10/9/8에 Angular CLI를 설치하는 방법

Debian 10/9/8에 Angular CLI를 설치하는 방법

2022-10-18 last update

7 minutes reading Angularjs Angular Angular-cli
Angular은 프레임워크, 라이브러리, 자산 및 유틸리티입니다. 모든 구성 요소를 추적하고 업데이트를 정기적으로 확인합니다. 이 자습서는 Debian 10 Buster, Debian 9 Stretch 및 Debian 8 Linux 시스템에 Angular CLI 도구를 설치하는 데 도움이 됩니다. 참조: Serve Node.js Application behind the Apache Server

1단계 – Node.js 설치

우선 시스템에 node.js를 설치해야 합니다. 다음 명령을 사용하여 데비안 시스템에서 node.js PPA를 구성하고 설치합니다.
sudo apt-get install software-properties-common
curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt-get install nodejs
시스템에 node.js 및 NPM을 성공적으로 설치했는지 확인하십시오.
node --version
npm --version

2단계 – Debian에 Angular/CLI 설치

시스템에서 Node.js 설치를 완료한 후 다음 명령을 사용하여 시스템에 전역적으로 Angular CLI 도구를 설치하십시오.
npm install -g @angular/cli
위의 명령은 Debian 시스템에 사용 가능한 최신 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: 8.1.3
Node: 12.7.0
OS: linux x64
Angular:
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.801.3
@angular-devkit/core         8.1.3
@angular-devkit/schematics   8.1.3
@schematics/angular          8.1.3
@schematics/update           0.801.3
rxjs                         6.4.0

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은 모든 인터페이스에서 수신 대기하고 공개적으로 액세스할 수 있습니다.

    결론

    Angular CLI를 성공적으로 설치하고 샘플 애플리케이션을 생성했습니다. 다음 튜토리얼은 도메인 이름으로 서비스하도록 Angular application behind the Apache 서버를 구성하는 데 도움이 될 것입니다.