nodejs install with nvm in Mac

노드 제이 에스 공식 홈페이지의 다운로드 링크 중에 패키지 쪽 nvm 으로 설치하기 부분

https://nodejs.org/en/download/package-manager/#nvm

 

To install nvm, use this script. 라고 된 링크를 클릭 시 다음으로 이동한다.

https://github.com/creationix/nvm#install-script

 

해당 스크립트의 메뉴얼을 보면 아래와 같이 nvm 을 설치하라고 설명해준다.

다음 명령어를 통해서 nvm 설치

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

 

현재 시점 (2021-03-20) 아래와 같이 버전업이 되었다.

아래에 ~/.bash_profile 의  $HOME/.nvm 의 / 없어야 되는 버그가 수정됨. 

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

이 명령어를 다시 터미널에 쳐주면 자동으로 업데이트 해준다.

 

support.apple.com/ko-kr/HT208050

macOS Catalina부터는 Mac에서 zsh을 기본 로그인 셸 및 대화형 셸로 사용합니다. 이전 버전의 macOS에서도 zsh을 기본 셸로 설정할 수 있습니다. 이렇게 기본 셸을 zsh 로 업데이트 하고나면 ~/.bash_profile 의 설정 사항이 동작하지 않는다.

zsh 는 Terminal 이 시작할 때 ~/.zshrc 가 실행이 된다. ~/.zshrc 에 다음을 추가해준다.

if [ -f ~/.bash_profile ]; then
  . ~/.bash_profile
fi

현재 기준 cat ~/.zshrc 해보면

# Add RVM to PATH for scripting. Make sure this is the last PATH variable change.
export PATH="$PATH:$HOME/.rvm/bin"

현재 기준 cat ~/.bash_profile 해보면

export ANDROID_HOME=/Users/thewavelet/Library/Android/sdk
export PATH=$ANDROID_HOME/platform-tools:$PATH
export PATH=$ANDROID_HOME/tools:$PATH

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
eval "$(pyenv init -)"


[[ -s "$HOME/.rvm/scripts/rvm" ]] && source "$HOME/.rvm/scripts/rvm" # Load RVM into a shell session *as a function*

# flutter
export PATH="$PATH:~/project/flutter/bin"

따라서 최종적으로 ~/.zshrc 를 이렇게 해주면 된다. 그리고 나서 nvm --version 해보면 잘 된다.

# Add RVM to PATH for scripting. Make sure this is the last PATH variable change.
export PATH="$PATH:$HOME/.rvm/bin"

if [ -f ~/.bash_profile ]; then
  . ~/.bash_profile
fi

아래의 oh my zsh 을 설치하면 가끔 업데이트가 될 경우가 있는데 그럴 경우 ~/.zshrc 파일이 oh my zsh 관련 내용으로 수정이 되어

npm zsh: command not found 이렇게 npm 명령어가 동작하지 않을 수 있다.

그래서 ~/.zshrc 파일의 내용에 위의 내용을 다시 맨 아래에 추가해주도록 하자. 그래야 npm 명령어가 다시 동작한다.

 

그리고 zsh 의 경우 oh my zsh 이라는 편리한 유틸리티를 제공한다. cd 치고 탭하면 cd 로 시작하는 명령어 리스트가 뜨고 그 때 다시 탭이나 화살표로 명령어들을 박스로 선택할 수 있고 엔터치면 입력되고 cd 띄우고 탭하면 실제 cd 명령어 친 것 처럼 디렉토리 리스트가 쭉 뜨고 그 때 또 탭이나 화살표로 디렉토리를 박스 선택할 수 있고 엔터치면 해당 경로가 입력된다. cd C 하고 탭하면 C 로 시작하는 디렉토리 리스트가 뜨고 선택할 수 있는 등 여러 편의 기능을 제공한다.

ohmyz.sh/#install

Oh My Zsh - a delightful & open source framework for Zsh

 

 

 

~/.nvm 이라는 폴더에 nvm repository 가 생성이 된다. 각종 버전의 nodejs 들과 스크립트 들이 들어갈 폴더이다.

 

다음과 같은 설명이 출력되는데 아래의 export 로 시작하는 텍스트를 ~/.bash_profile 에 추가해주면 된다. 그리고 터미널을 재시작 또는 source ~/.bash_profile

Profile not found. Tried ~/.bashrc, ~/.bash_profile, ~/.zshrc, and ~/.profile.

 

export NVM_DIR="$HOME/.nvm"

[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm

 

nvm --version

nvm ls-remote (어떤 버전들을 사용할 수 있는가 볼 수 있다. 전체 다 나와서 별루...)

nvm install stable

nvm install v8.11.3

nvm use v8.11.3

 

nvm list (설치된 리스트 보여줌)

nvm alias default v8.11.3 (콘솔창 재시작시 유지된다.)

nvm install stable (마지막 stable 버전을 설치해준다.)

nvm alias default stable (stable 버전으로 default 셋팅)

 

stable 이 LTS 를 뜻하는 것이 아니다. Latest 를 의미한다.

 

npm init 과 같이 nodejs 사용.

 

 

P.S. ~/.nvm 폴더는 기본적으로 맥의 Finder 에서 보여지지 않는다. 숨김파일 보기/감추기 토글 단축키는 Command + Shift + . 이다.