pnpm 설치 및 Anglar에서 사용

pnpm 아세요?


웹스토어 2020입니다.3의'pnpm의fulsa 포트'새로운 기능 차트를 보고 그 존재를 알았습니다. 이것은 npm가 호환되는 포장 관리 도구입니다.
pnpm 공식 사이트 여기 있습니다.
특색이 있다면Fast, disk space efficient package manager.
표어를 복제하다.
npm보다 2배 빠르다modules 효율이 높고 블랙홀보다 더 깊은 node라고 합니다.modules 효율이 좋아지면 가져오지 않을 이유도 없어서 가져왔어요.결국 취미 본위일 뿐이다.
전혀 상관없지만 홈페이지에 올라온 기업 일람표는 어떻게 올려야 할까.스폰서예요?

Installation


※ 다음 작업은 Volta에서 발송됩니다.
노드 버전 관리 도구 VOLTA⚡
우선 설치를 복습하다.
$ npm install -g pnpm
or
$ curl -L https://pnpm.js.org/pnpm.js | node - add --global pnpm
예전처럼 npm에서 입력하는 방법과 node 명령을 단독으로 가져오는 방법이 있다(후자의 방법은 하지 않았다)
$ volta install pnpm
volta를 사용할 때volta로 설치할 수 있음(이 방법은 pnpm의 매뉴얼에 기재되지 않음)
마지막 명령
$ pnpm add -g pnpm
마지막 지령, 이게 없으면 글로벌 지령이 움직이지 않는 것 같아.
환경 요인인지 아닌지 모르겠다.
이 명령을 실행하지 않으면 Anglar 명령 ng 등을 설치해도 Path가 통과할 수 없으며 사용할 수 없습니다.
많은 것을 시도해 보았지만 초심으로 돌아가 문서에 따라 설치하고 마지막 지령은 글로벌 지령을 사용할 수 있다.
마지막으로 잘못된 npm, 패키지를 사용하지 않기 위해서입니다.json의scripts에 명령을 추가합니다.
{
  "scripts": {
    "preinstall": "npx only-allow pnpm"
  }
}

교훈.


문서에 적힌 거 잘해.

Anglar용


$ ng config cli.packageManager pnpm -g
일반적으로 Anglar-cli는 npm을 사용합니다.pnpm 동작으로 설정하기 위한 명령입니다.
전 세계에서 사용하고 싶지 않을 때-g는 생략할 수 있다.실행 폴더 아래에 Anglar CLI가 설치되어 있지 않으면 오류가 발생합니다.

WebStorm에서 ng을 칠 때(Windows 편)


WebStorm에서 새 프로젝트를 만들 때 Anglar CLI를 통해 새 프로젝트를 만들 수 있습니다.
단, 이 때 프로젝트 화면에서ng을 자동으로 감지할 수 없음(환경 의존성일 수 있음)
그렇다면 어디를 설정해야 할까?(node 14.15.5의 경우)
%LOCALAPPDATA%\Volta\tools\image\node\14.15.4\pnpm-global\4\node_modules\@angular\cli\
pnpm-global\의 번호가 다를 수 있습니다.나는 어떤 번호를 모른다.
그러면 파일 경로가 계속됩니다bin\ng.WebStorm은 자동으로 강제bin\ng되므로 이 경로를 설정합니다.
※ 초반에도 해당 환경을 사용했다는 기록이 있습니다Volta

Package 관리자에서 pnpm을 설정할 때의 경로(Volta 사용)


~\AppData\Local\Volta\tools\image\packages\pnpm\node_modules\pnpm
에 설치된 곳은 File | Settings | Languages & Frameworks | Node.js and NPM의 화면이다.
이 경로는 where 또는 volta which 명령에 나타나지 않습니다.
$ volta which pnpm
에 pnpm의 파일 경로가 나타납니다.이 파일을 확인한 후bin\pnpm.js에 파일의 경로가 기재되었다.그 경로를 참고로 상술한 설정의 경로를 내보냈습니다.
위에서 설명한 바와 같이 WebStorm은 자동으로 파일 경로를 강제로 부여할 수 있습니다.pnpm의 경우bin\pnpm.js의 경로입니다.
좀 길었지만 이상입니다.
참고 자료
https://pnpm.js.org/
https://volta.sh/
https://zenn.dev/naoyukik/articles/1b861167479d6adfa32f

좋은 웹페이지 즐겨찾기