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
의 경로입니다.좀 길었지만 이상입니다.
참고 자료
Reference
이 문제에 관하여(pnpm 설치 및 Anglar에서 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://zenn.dev/naoyukik/articles/af343ad65d4a59f8693b텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)