[NVM] NVM에 대해서, 기본 명령어

2025. 4. 16. 20:06·Frontend/전체

🔧 nvm이란?

nvm은 Node Version Manager, Node.js의 버전을 관리하는 도구

 

😫 왜 필요할까?

Node.js는 버전마다 지원하는 기능이나 문법이 다를 수 있다. 

근데 Node.js를 한 버전만 설치할 수 있어서 생기는 문제점을 NVM이 해결해준다.

 

🪄 nvm을 쓰면?

  • 여러 Node.js 버전을 설치해 놓고, 필요할 때마다 전환할 수 있다.
  • 프로젝트마다 다른 Node.js 버전으로 맞춰 쓸 수 있다.
  • 기본(default) 버전도 지정할 수 있다.

 

❗주의사항 (특히 맥북에서는!)

nvm은 그냥 설치해도 안 작동할 수 있어서 아래처럼 .zshrc에 꼭 추가해줘야된다.

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"

 

🧪 설치 확인

node -v     # 현재 적용된 Node.js 버전 확인
nvm ls      # 설치된 모든 버전 확인

 

🍎 명령어

Node.js 버전을 기본값(default)으로 설정

nvm alias default <버전>

 

이렇게 설정하면, 터미널을 새로 열었을 때 자동으로 해당 버전으로 설정

현재 설치된 Node.js 버전 확인

nvm ls

사용 가능한 버전 목록 보기

nvm ls-remote

특정 버전 설치

nvm install 18.17.1

기본 버전 확인

nvm alias

추가로, .nvmrc 파일을 프로젝트 루트에 만들어서 프로젝트마다 버전을 명시

echo "18.17.1" > .nvmrc

그리고 프로젝트 들어갔을 때는:

nvm use
반응형
저작자표시 (새창열림)

'Frontend > 전체' 카테고리의 다른 글

프론트엔드에서 자유롭게 사용할 수 있는 오픈 API  (2) 2025.05.13
Vite React 프로젝트 path alias 설정하기  (0) 2025.03.26
카카오맵 JS 연동 403 에러  (2) 2025.02.07
ESLint v9 적용하기 (eslint.config.mjs 사용법), eslint 충돌 해결법  (0) 2025.02.02
React 프로젝트에 ESLint와 Prettier 적용하기  (0) 2025.01.25
'Frontend/전체' 카테고리의 다른 글
  • 프론트엔드에서 자유롭게 사용할 수 있는 오픈 API
  • Vite React 프로젝트 path alias 설정하기
  • 카카오맵 JS 연동 403 에러
  • ESLint v9 적용하기 (eslint.config.mjs 사용법), eslint 충돌 해결법
전예방
전예방
  • 전예방
    예방이의 개발일기
    전예방
  • 전체
    오늘
    어제
    • All (125)
      • Info & Tip (2)
      • 유용한 사이트들 (5)
      • Mark Up & StyleSheet (23)
        • HTML (6)
        • CSS & SCSS (10)
        • 반응형 (6)
      • Frontend (66)
        • 전체 (10)
        • JavaScript & Jquery (18)
        • TypeScript (0)
        • React (26)
        • Next.js (3)
        • 성능최적화 (2)
        • 웹접근성 (2)
      • Backend (13)
        • Python (1)
        • JAVA (2)
        • node.js (0)
        • PHP (7)
        • 패키지매니저 (3)
      • Markdown (0)
      • SCM (1)
        • Git&Github (1)
        • SVN (0)
      • IDE (4)
        • VSCode (2)
        • IntelliJ (1)
        • Ecplise (1)
      • 취미생활 (3)
      • 정보처리기사 (2)
      • 코딩자율학습단 (5)
        • 12기 (파이썬) (5)
  • 블로그 메뉴

    • 홈
    • 태그
  • 링크

    • velog
    • github
  • 공지사항

  • 인기 글

  • 태그

    CSS
    react
    나도코딩
    관리자 페이지
    TypeScript
    코딩자율학습단
    코딩자율학습
    React Swiper
    Python
    파이썬
    swiper.js
    리액트
    Chart.js
    frontend
    yarn berry
    NPM
    php
    Admin
    회원가입
    반응형
  • 최근 댓글

  • 최근 글

  • 반응형
  • hELLO· Designed By정상우.v4.10.3
전예방
[NVM] NVM에 대해서, 기본 명령어
상단으로

티스토리툴바