Node.js, npm, yarn, Homebrew, nvm 설치 방법

 

설치 방법 소개

 

windows와 mac 환경으로 나뉘어서 node.js와 npm, yarn을 설치하는 방법을 정리하겠습니다.

mac의 경우 homebrew와 nvm 설치방법이 추가됩니다.

 

 

 

Windows 유저인 경우 node.js, npm, yarn 설치 방법

 

windows인 경우 다음 링크에서 LTS 버전을 설치합니다.

https://nodejs.org/ko/download/ 

다운로드 | Node.js

 

node.js를 설치하면 npm도 설치가 됩니다.

다음으로 yarn을 설치하려면 터미널을 열고 다음 명령어를 실행합니다.

 

npm install -g yarn

 

시스템 환경 변수를 확인하고 없으면 추가해줘야 합니다.

윈도우 검색에서 "시스템 환경 변수 편집"을 검색해서 실행합니다.

 

시스템 환경 변수 편집

 

[고급] 탭에서 환경 변수를 클릭합니다.

여기서부터는 보안 문제로 인해 스크린샷은 첨부하지 않습니다.

두 개의 변수가 있는지 확인해야 합니다.

먼저, 사용자 변수에서 Path를 찾아 누르고 편집 버튼을 클릭해서 환경 변수 편집 창을 띄웁니다.

다음과 같은 npm 경로가 없으면 하나 추가해줍니다.

 

C:\Users\사용자명\AppData\Roaming\npm

 

 

다음으로, 시스템 변수에서 Path를 찾아 누르고 편집 버튼을 클릭해서 환경 변수 편집 창을 띄웁니다.

다음과 같이 nodejs 경로가 없으면 추가해줍니다.

 

C:\Program Files\nodejs

 

터미널을 켜고 CLI로 설치가 잘되었는지 버전과 함께 확인할 수 있습니다.

 

node -v
npm -v
yarn -v

 

 

 

 

 

 

mac 유저인 경우 node.js, npm, yarn, homebrew, nvm설치 방법

 

homebrew를 먼저 설치해줍니다.

homebrew 홈페이지에 들어가면 터미널을 켜고 다음과 같은 명령어를 입력하여 설치하라고 쓰여있습니다.

 

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

 

https://brew.sh/index_ko

Homebrew

 

 

다음으로 node 버전 관리 도구인 nvm을 설치해줍니다.

 

이 문서에 나와있는 대로 설치를 진행해줍니다.

https://github.com/nvm-sh/nvm#installing-and-updating

GitHub - nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions

 

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash

 

bash_profile을 vim으로 열고 환경변수를 편집합니다.

 

cd
vi ~/.bash_profile

 

다음 코드를 열린 bash_profile 하단에 추가합니다.

 

export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

 

vim에서 저장하고 나가는 명령어입니다.

 

:wq

 

수정한 bash_profile을 적용합니다.

 

source ~/.bash_profile

 

node.js와 npm을 설치합니다.

lts버전을 설치해줍니다.

 

nvm install --lts

 

nvm은 프로젝트 별로 다른 node버전을 적용할 수 있도록 해줍니다. node버전 변경 명령어는 다음과 같습니다.

 

nvm use 버전명

 

사용 가능한 버전 목록은 다음 명령어로 확인할 수 있습니다.

 

nvm ls

 

yarn 설치 방법은 windows와 같습니다

 

npm install -g yarn