기사 디렉토리
1. node.js 설치
node.js가 설치된 후 해당 npm 패키지 관리 도구를 가져옵니다.
-
Node js 공식 웹 사이트 다운로드 다운로드할 적절한 버전을 선택하십시오.
여기에서 안정적인 버전을 선택하십시오. 설치 디스크가 기본적으로 C 드라이브로 설정되는 동안 단계별로 설치를 수행하십시오. 드라이브 문자로 변경하는 것이 좋습니다.
저는 E드라이브에 설치했습니다.
-
window + R 단축키를 사용하여 cmd 명령줄을 시작하여 node.js가 성공적으로 설치되었는지 확인합니다.
2. Node.js 환경 변수 구성
- 전역 설치 경로를 변경합니다.
글로벌 설치의 기본 경로를 변경하지 않으면 기본적으로 C 드라이브의 경로(C:\Users\hua\AppData\Roaming\npm)에 설치되므로 노드 설치 드라이브를 변경하는 것이 좋습니다. node.js 설치 디렉토리에 node_global 폴더와 node_cache 폴더 두 개를 생성합니다. 각각 설치된 글로벌 모듈과 글로벌 캐시 정보를 저장하는 데 사용됩니다.
- 전역 모듈 설치 경로 설정, 전역 캐시 저장 경로 설정
두 개의 폴더를 생성한 후 cmd 창에 다음 명령을 입력합니다(두 경로는 두 폴더의 경로입니다).
# 设置全局模块安装路径
npm config set prefix "E:\Program Files\nodejs\node_global"
# 设置全局缓存存放路径
npm config set cache "E:\Program Files\nodejs\node_cache"
- 환경 변수 인터페이스의 시작 순서인 컴퓨터 환경 변수 설정: "내 컴퓨터" = "속성 = "고급 시스템 설정 = "환경 변수"를 마우스 오른쪽 버튼으로 클릭:
고치기 전에:
수정 후:
삭제 후, C:\Users\Lenovo\AppData\Roaming\npm
추가 후:E:\Program Files\npm_global_modules
새 시스템 변수 생성: NODE_PATH:E:\Program Files\nodejs\node_global
- 테스트 성공 여부 :
설정이 잘 되었는지 테스트하려면 cmd 창에 다음 명령어를 입력하여 cmd 창에 다음 명령어를 입력하여 Vue 모듈을 전역적으로 설치합니다.
npm install -g vue # -g 表示全局安装
3. 국내 미러사이트 구성
느리거나 실패한 모듈 설치 문제를 해결하기 위해 국내 미러링을 구성하십시오. 일반 구성 Taobao npm 미러
- cmd 명령줄에서 명령을 통해 Taobao 미러를 구성합니다.
npm install -g cnpm --registry=https://registry.npm.taobao.org
Taobao 미러를 사용하여 모듈을 다운로드합니다. 즉, npm을 cnpm으로 바꿉니다.
cnpm install # module_name
- 도구 nrm 설치 전환
npm을 사용하여 전역적으로 nrm 설치
npm install nrm -g
nrm ls
실행
설치 프로세스 중 오류가 보고된 경우: 오류 [ERR_REQUIRE_ESM]: D:\npm\node_modules\nrm\cli에서 ES Module D:\npm\node_modules\nrm\node_modules\open\index.js의 require(). Node.js는 지원되지 않습니다.
대신 D:\npm\node_modules\nrm\cli.js에 있는 index.js의 요구 사항을 모든 CommonJS 모듈에서 사용할 수 있는 동적 import()로 변경합니다. Object.(
D:\npm\node_modules\ nrm\cli.js :9:14) { code: 'ERR_REQUIRE_ESM' } 이유: 개방형 CommonJs 사양 패키지를 사용해야 하며 현재 개방형 v9.0.0은 ES 모듈 버전 패키지입니다.
해결책:npm install -g nrm [email protected] --save
- nrm ls 명령어를 사용하여 npm 창고 목록을 확인하세요. *가 있는 것이 현재 선택된 미러 창고:
cmd에 nrm ls를 입력하면 다음과 같이 표시되며 *를 찾을 수 없음을 확인하여
문제를 해결합니다. 설치 nrm 디렉토리에 있는 cli.js를 열고 엽니다. 코드 수정
다음과 같이 코드를 수정하고, &&를 ||로 변경합니다.
수정 전 :
if (hasOwnProperty(customRegistries, name) && (name in registries || customRegistries[name].registry === registry.registry)) {
registry[FIELD_IS_CURRENT] = true;
customRegistries[name] = registry;
}
setCustomRegistry(customRegistries);
printMsg(['', ' Registry has been set to: ' + newR, '']);
}).catch(err => {
exit(err);
});
});
수정 후:
if (hasOwnProperty(customRegistries, name) || (name in registries || customRegistries[name].registry === registry.registry)) {
registry[FIELD_IS_CURRENT] = true;
customRegistries[name] = registry;
}//修改了&&为||
setCustomRegistry(customRegistries);
printMsg(['', ' Registry has been set to: ' + newR, '']);
}).catch(err => {
exit(err);
});
});
여기에서 실행:
nrm use taobao
nrm ls
nrm use xxx
사용할 미러 소스를 지정하는 데 사용합니다 .
nrm use taobao
- 마지막
nrm test npm
으로
4. npm, yarn, pnpm, nrm 공통 명령어
4.1 nrm 일반 명령:
- nrm 설치:
npm install -g nrm
- nrm 버전 번호 보기:
nrm -V
- 현재 소스 보기:
nrm current
- 소스 목록 보기:
nrm ls
- 소스 전환:
nrm use <registry> registry为源名
- 소스 삭제:
nrm del <registry>
- 테스트 소스 속도:
nrm test <registry>
4.2 npm 일반 명령:
- 버전 번호 확인:
npm -v
- 전역 설치 첫 번째 수준 디렉터리 보기:
npm list -g --depth 0
- nodejs의 전역 설치 경로 보기: npm config ls
- 소스 전환:
npm config set registry <url>
url은 소스 주소입니다.
例如:npm config set registry https://registry.npmjs.org/
4.3 Yarn 일반 명령:
- 설치 명령:
npm install -g yarn
- 원사 버전 확인:
yarn -v
- 원사 제거 명령:
npm uninstall -g yarn
5. npm 공개 레지스트리에 정기적으로 업로드하는 방법(npm publish/yarn publish)
5.1 릴리스 npm 단계:
- 레지스트리를 npm 공식 레지스트리로 전환합니다.
npm config set registry https://registry.npmjs.org/
或
nrm use npm
- npm 등록 사용자(npm 계정이 없는 경우) npm 공식 웹사이트
로 이동하여 등록 하거나
npm adduser
- npm 로그인(이미 npm 계정이 있는 경우)
npm login
비고: 사용자 이름과 암호에 npm 사용자 이름과 암호를 입력하고 사서함에서 일회용 암호를 확인해야 합니다.
- 현재 로그인 계정을 쿼리합니다.
npm whoami
- npm 릴리스 패키지:
npm publish
5.2 yarn 이미지 소스와 yarn 명령을 사용하여 업로드(npm 이미지가 네트워크 연결에 자주 실패하는 경우 yarn을 사용해 보는 것이 좋습니다)
- Yarn 이미지 소스로 전환:
nrm use yarn
- npm 계정에 로그인하려면 다음도 입력해야 합니다.
yarn login
- 게시: 원사 게시