프런트앤드 개발 환경 설정

nvm

1. 설치

   linux
   1. 홈페이지 에서 최신버전을 확인후 링크의 경로를 변경하여 최신 버전을 설치한다.

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

   windows
   1. 공식 링크 에서 nvm-setup.exe 파일을 다운로드해서 설치한다.

2. 버전체크

   nvm -v

3. node.js 설치

   1. 설치 가능한 node.js 조회

      nvm list available

   2. 설치되어 있는 node.js 조회

      nvm list installed

   3. node.js 설치

      nvm install ${NODE-JS-VERSION}

   4. node.js 사용 설정

      nvm use ${NODE-JS-VERSION}

4. node.js 변경

   nvm use ${NODE-JS-VERSION}

5. node.js 삭제

   nvm uninstall ${NODE-JS-VERSION}

node.js

1. Homepage
2. 버전 확인

   node -v
   npm -v

pnpm

1. Homepage
2. pnpm 설치

   corepack enable pnpm
   corepack use pnpm@latest

3. pnpm 캐시 삭제
   1. pnpm-lock.yaml 파일 삭제
   2. node_modules 디렉토리 삭제
   3. 캐시 삭제

      pnpm store prune

4. pnpm 전역 삭제 후 재 설치
   1. 스토어 경로 조회

      # 전역 컨텐츠 경로 확인
      pnpm store path

   2. pnpm 전역 삭제

      # 1. npm을 통해 전역 설치한 경우
      npm uninstall -g pnpm
      
      # 2. 독립형 스크립트로 설치한 macOS/Linux 환경인 경우
      rm -rf "$PNPM_HOME"

   3. 스토어 경로 제거

      # 전역 컨텐츠 주소 지정 저장소(store) 삭제
      rm -rf "4.1에서 조회한 경로"

   4. 전역 설치

      # Corepack 활성화 및 pnpm 최신 버전 사용 설정
      corepack enable pnpm
      corepack use pnpm@latest

   5. 버전 확인

      pnpm -v