[vue3] pnpm 설치 (ft. errno -13 오류)

pnpm 설치하기

vue 프로젝트의 패키지 관리를 npm -> pnpm으로 변경하고자 한다.

 

pnpm은 npm보다 여러 방면에서 향상된 기능을 제공한다고 한다.(용량, 캐시 용량 절약 등)

 

회사의 신규 프로젝트도 패지키 관리를 pnpm을 사용하고 있고 개인 프로젝트도 pnpm을 사용하는 것이 여러방면으로 도움이 될 듯 하다.

 

🛠 설치 준비물

pnpm을 설치하기 위해서는 Node.js의 버젼이 18.0 이상이여 한다고 한다.

$ node --version

터미널에서 위 명령어를 쳐서 노드 버젼을 확인하자.($는 명령어를 의미하니 $는 빼고 타이핑 해줘야한다.)

결과값이 v18.0.0 이상이라면 설치 가능할 것이다.

 

🛠 설치 하기

$ npm install -g pnpm

터미널에서 pmpm을 설치하는 명령어를 이용해서 설치 한다.

>>>
added 1 package in 236ms

1 package is looking for funding
  run `npm fund` for details

위와 비슷한 결과가 나오면 설치가 성공된 것이다. (>>>는 결과를 의미하는 것으로 실제로 나오는 것은 아님)

 

🛠 설치 오류 해결하기

>>>
npm ERR! code EACCES
npm ERR! syscall symlink
npm ERR! path ../lib/node_modules/pnpm/bin/pnpx.cjs
npm ERR! dest /usr/local/bin/pnpx
npm ERR! errno -13
npm ERR! Error: EACCES: permission denied, symlink '../lib/node_modules/pnpm/bin/pnpx.cjs' -> '/usr/local/bin/pnpx'

위 처럼 설치 오류가 나올 수 있다.

설치 중 접근해야하는 파일의 권한이 없는 문제인데, 관리자 권한으로 설치 명령어로 바꿔주면 해결된다.

$ sudo npm install -g pnpm

>> Password:

명령어를 치면 Password: 라는 결과가 나오고 본인 pc의 로그인 비밀번호를 쳐주면 된다.(타이밍 결과는 원래 보이지 않으니 그냥 쳐주면 된다.)