1. Node.js & npm 설치하기
Angular
를 로컬 환경에서 설치하려면 Node.js
와 npm
이 필요하므로
Nods.js
의 LTS
(Long Term Support) 버전을 설치한다.
✅ Node.js
를 설치할 때 npm
도 함께 설치된다.
Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
✅ 설치 확인하기
터미널에서 아래의 커맨드를 입력하여 각각의 버전이 잘 출력되는지 확인한다.
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번은 좀 후회된다.
'Front-end' 카테고리의 다른 글
[Eslint | React Query] dehydratedState "any" type (0) | 2023.08.17 |
---|---|
node & npm 완전 삭제하기 (0) | 2023.08.05 |
[Node.js] npm run dev, npm run build, npm run start 차이 (0) | 2023.06.22 |
[CSS] focus 가상 클래스 | :focus, :focus-within, :focus-visible (0) | 2023.04.18 |
html width와 window.innerWidth(웹 브라우저 너비) 차이 발생하는 이유 (0) | 2023.04.13 |