Angular CLI-환경 설정

Angular CLI를 사용하려면 시스템에 Node가 설치되어 있어야합니다.

Node.js 아카이브 다운로드

Node.js 다운로드에서 최신 버전의 Node.js 설치 가능 아카이브 파일을 다운로드 합니다. 이 튜토리얼을 작성하는 시점에 다른 OS에서 사용할 수있는 버전은 다음과 같습니다.

OS 아카이브 이름
윈도우 node-v6.3.1-x64.msi
리눅스 node-v6.3.1-linux-x86.tar.gz
node-v6.3.1-darwin-x86.tar.gz
SunOS node-v6.3.1-sunos-x86.tar.gz

UNIX / Linux / Mac OS X 및 SunOS에 설치

OS 아키텍처에 따라 아카이브 노드 v6.3.1-을 다운로드하고 압축을 풉니 다.osname.tar.gz를 / tmp로 이동 한 다음 마지막으로 추출 된 파일을 / usr / local / nodejs 디렉토리로 이동합니다. 예를 들면 :

$ cd /tmp
$ wget http://nodejs.org/dist/v6.3.1/node-v6.3.1-linux-x64.tar.gz
$ tar xvfz node-v6.3.1-linux-x64.tar.gz
$ mkdir -p /usr/local/nodejs
$ mv node-v6.3.1-linux-x64/* /usr/local/nodejs

/ usr / local / nodejs / bin을 PATH 환경 변수에 추가하십시오.

OS 산출
리눅스 내보내기 PATH = $ PATH : / usr / local / nodejs / bin
내보내기 PATH = $ PATH : / usr / local / nodejs / bin
FreeBSD 내보내기 PATH = $ PATH : / usr / local / nodejs / bin

Windows에 설치

MSI 파일을 사용하고 프롬프트에 따라 Node.js를 설치하십시오. 기본적으로 설치 프로그램은 C : \ Program Files \ nodejs의 Node.js 배포를 사용합니다. 설치 프로그램은 창의 PATH 환경 변수에 C : \ Program Files \ nodejs \ bin 디렉토리를 설정해야합니다. 변경 사항을 적용하려면 열려있는 명령 프롬프트를 다시 시작하십시오.

설치 확인 : 파일 실행

이름이 js 파일을 작성하십시오. main.js 컴퓨터 (Windows 또는 Linux)에 다음 코드가 있습니다.

/* Hello, World! program in node.js */
console.log("Hello, World!")

이제 Node.js 인터프리터를 사용하여 main.js 파일을 실행하여 결과를 확인하십시오.

$ node main.js

설치에 문제가 없으면 다음과 같은 결과가 나타납니다.

Hello, World!

이제 Node가 설치되었으므로 다음 명령을 실행하여 Angular CLI를 설치하십시오.

동일하게 다음 명령을 사용합니다.

npm install -g @angular/cli

설치 확인

이제 다음 명령을 실행하여 결과를 확인하십시오.

$ ng --version

설치에 문제가 없으면 다음과 같은 결과가 나타납니다.

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


Angular CLI: 9.1.0
Node: 12.16.1
OS: win32 x64

Angular:
...
Ivy Workspace:

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.901.0
@angular-devkit/core         9.1.0
@angular-devkit/schematics   9.1.0
@schematics/angular          9.1.0
@schematics/update           0.901.0
rxjs                         6.5.4

Windows에서 내부 또는 외부 명령으로 인식되지 않는 경우 다음 경로를 포함하도록 시스템 경로 변수를 업데이트하십시오.

C:\Users\<User Directory>\AppData\Roaming\npm