Node.js 설치 및 구성 환경 변수는 이 기사만 읽습니다.

1. node.js 설치

node.js가 설치된 후 해당 npm 패키지 관리 도구를 가져옵니다.

  1. Node js 공식 웹 사이트 다운로드 다운로드할 적절한 버전을 선택하십시오.
    여기에 이미지 설명 삽입
    여기에서 안정적인 버전을 선택하십시오. 설치 디스크가 기본적으로 C 드라이브로 설정되는 동안 단계별로 설치를 수행하십시오. 드라이브 문자로 변경하는 것이 좋습니다.
    저는 E드라이브에 설치했습니다.
    여기에 이미지 설명 삽입

  2. window + R 단축키를 사용하여 cmd 명령줄을 시작하여 node.js가 성공적으로 설치되었는지 확인합니다.
    여기에 이미지 설명 삽입

2. Node.js 환경 변수 구성

  1. 전역 설치 경로를 변경합니다.


글로벌 설치의 기본 경로를 변경하지 않으면 기본적으로 C 드라이브의 경로(C:\Users\hua\AppData\Roaming\npm)에 설치되므로 노드 설치 드라이브를 변경하는 것이 좋습니다. node.js 설치 디렉토리에 node_global 폴더와 node_cache 폴더 두 개를 생성합니다. 각각 설치된 글로벌 모듈과 글로벌 캐시 정보를 저장하는 데 사용됩니다.

  1. 전역 모듈 설치 경로 설정, 전역 캐시 저장 경로 설정
    두 개의 폴더를 생성한 후 cmd 창에 다음 명령을 입력합니다(두 경로는 두 폴더의 경로입니다).
    여기에 이미지 설명 삽입
  # 设置全局模块安装路径
  npm config set prefix "E:\Program Files\nodejs\node_global"
  # 设置全局缓存存放路径
  npm config set cache "E:\Program Files\nodejs\node_cache"

  1. 환경 변수 인터페이스의 시작 순서인 컴퓨터 환경 변수 설정: "내 컴퓨터" = "속성 = "고급 시스템 설정 = "환경 변수"를 마우스 오른쪽 버튼으로 클릭:

고치기 전에:
여기에 이미지 설명 삽입

수정 후:
삭제 후, C:\Users\Lenovo\AppData\Roaming\npm추가 후:E:\Program Files\npm_global_modules
여기에 이미지 설명 삽입

새 시스템 변수 생성: NODE_PATH:E:\Program Files\nodejs\node_global
여기에 이미지 설명 삽입

  1. 테스트 성공 여부 :
    설정이 잘 되었는지 테스트하려면 cmd 창에 다음 명령어를 입력하여 cmd 창에 다음 명령어를 입력하여 Vue 모듈을 전역적으로 설치합니다.
  npm install -g vue # -g 表示全局安装

여기에 이미지 설명 삽입

3. 국내 미러사이트 구성

느리거나 실패한 모듈 설치 문제를 해결하기 위해 국내 미러링을 구성하십시오. 일반 구성 Taobao npm 미러

  1. cmd 명령줄에서 명령을 통해 Taobao 미러를 구성합니다.
  npm install -g cnpm --registry=https://registry.npm.taobao.org

Taobao 미러를 사용하여 모듈을 다운로드합니다. 즉, npm을 cnpm으로 바꿉니다.

  cnpm install # module_name
  1. 도구 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

  1. 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
여기에 이미지 설명 삽입

  1. nrm use xxx사용할 미러 소스를 지정하는 데 사용합니다 .
  nrm use taobao

여기에 이미지 설명 삽입

  1. 마지막 nrm test npm으로

여기에 이미지 설명 삽입

4. npm, yarn, pnpm, nrm 공통 명령어

4.1 nrm 일반 명령:

  1. nrm 설치:npm install -g nrm
  2. nrm 버전 번호 보기:nrm -V
  3. 현재 소스 보기:nrm current
  4. 소스 목록 보기:nrm ls
  5. 소스 전환:nrm use <registry> registry为源名
  6. 소스 삭제:nrm del <registry>
  7. 테스트 소스 속도:nrm test <registry>

4.2 npm 일반 명령:

  1. 버전 번호 확인:npm -v
  2. 전역 설치 첫 번째 수준 디렉터리 보기:npm list -g --depth 0
  3. nodejs의 전역 설치 경로 보기: npm config ls
  4. 소스 전환: npm config set registry <url>url은 소스 주소입니다.
例如:npm config set registry https://registry.npmjs.org/

4.3 Yarn 일반 명령:

  1. 설치 명령:npm install -g yarn
  2. 원사 버전 확인:yarn -v
  3. 원사 제거 명령:npm uninstall -g yarn

5. npm 공개 레지스트리에 정기적으로 업로드하는 방법(npm publish/yarn publish)

5.1 릴리스 npm 단계:

  1. 레지스트리를 npm 공식 레지스트리로 전환합니다.
npm config set registry https://registry.npmjs.org/ 
 或
nrm use npm
  1. npm 등록 사용자(npm 계정이 없는 경우) npm 공식 웹사이트
    로 이동하여 등록 하거나
npm adduser 
  1. npm 로그인(이미 npm 계정이 있는 경우)
npm login

비고: 사용자 이름과 암호에 npm 사용자 이름과 암호를 입력하고 사서함에서 일회용 암호를 확인해야 합니다.

  1. 현재 로그인 계정을 쿼리합니다.npm whoami
  2. npm 릴리스 패키지:npm publish

5.2 yarn 이미지 소스와 yarn 명령을 사용하여 업로드(npm 이미지가 네트워크 연결에 자주 실패하는 경우 yarn을 사용해 보는 것이 좋습니다)

  1. Yarn 이미지 소스로 전환:nrm use yarn
  2. npm 계정에 로그인하려면 다음도 입력해야 합니다.yarn login
  3. 게시: 원사 게시

추천

출처blog.csdn.net/u014212540/article/details/130260679