Carrot
Front-end

[Angular] Mac OS에서 Angular CLI 설치하기

NaDuck 2023. 12. 5. 00:49

1. Node.js & npm 설치하기

Angular를 로컬 환경에서 설치하려면 Node.jsnpm이 필요하므로

Nods.jsLTS(Long Term Support) 버전을 설치한다.

Node.js를 설치할 때 npm도 함께 설치된다.

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

2023년 12월 5일 기준

 

 

✅ 설치 확인하기

터미널에서 아래의 커맨드를 입력하여 각각의 버전이 잘 출력되는지 확인한다.

node --version // v20.10.0
npm -v // 10.2.3

 

 

 

2. Angular CLI 설치하기

터미널 또는 Iterm2를 실행하고 아래의 커맨드를 입력한다.

sudo npm install -g @angular/cli

sudo를 입력하지 않으면 write permission이 없어서 EACCES 에러가 발생한다.

✅ 스택오버플로우에 따르면 sudo로 임시 해결은 되더라도 나중에 문제를 야기할 수 있다고 한다. 권장되는 방법은 링크를 참조한다.

 

이후 계정의 패스워드를 입력하고 설치가 진행된다.

 

 

 

Angular CLI 설치 확인하기

아래의 커맨드를 입력하여 버전 출력이 잘 되는지 확인한다.

ng version

 

본인의 경우 아래처럼 여러 옵션을 설정했는데, 

 

1. tab키를 눌러서 CLI 커맨드를 자동완성할 것인지 (y/n) 

2. 내 프로젝트의 데이터를 구글 Angular 팀과 공유할 것인지 (y/n)

에 대한 옵션이었다.

나 같은 경우 모두 n을 했는데 1번은 좀 후회된다.