Skip to content
가이드 문서

프런트앤드 개발 환경 설정

nvm

Section titled “nvm”

  1. 설치

    • 홈페이지에서 최신버전을 확인후 링크의 경로를 변경하여 최신 버전을 설치한다.
      Terminal window
      curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.3/install.sh | bash

  2. nvm 설치 확인

    • 버전체크
      Terminal window
      nvm -v

  3. node.js 설치

    • 설치 가능한 node.js 조회
      Terminal window
      nvm list available
    • 설치되어 있는 node.js 조회
      Terminal window
      nvm list installed
    • node.js 설치
      Terminal window
      nvm install ${NODE-JS-VERSION}

  4. node.js 변경

    Terminal window
    nvm use ${NODE-JS-VERSION}

  5. node.js 삭제

    Terminal window
    nvm uninstall ${NODE-JS-VERSION}

  6. node.js 버전 확인

    • Homepage
    • nvm을 사용하여 node.js가 설치되었다면 node, npm 사용이 가능하다.
      Terminal window
      node -v
      npm -v

pnpm

Section titled “pnpm”
  1. pnpm 설치
    Terminal window
    npm install -g pnpm@latest-10
  2. pnpm 버전 확인
    Terminal window
    pnpm -v
  3. 라이브러리 설치
    Terminal window
    pnpm add ${PACKAGE_NAME}
    pnpm add -D ${DEV_PACKAGE_NAME}
  4. 라이브러리 제거
    Terminal window
    pnpm remove ${PACKAGE_NAME}
  5. 캐시 삭제

webstorm (라이센스 사용자 Only)

Section titled “webstorm (라이센스 사용자 Only)”
  1. 설치
    Terminal window
    sudo snap install webstorm --classic
  2. 플러그인
    1. vim (선택)

vscode

Section titled “vscode”
  1. 설치
    • 홈페이지에서 OS에 맞는 최신 설치파일을 다운로드해서 설치한다.
  2. 플러그인
    1. prettier
    2. vim (선택)