>웹 프론트엔드 >JS 튜토리얼 >반응 패키지를 다운로드하는 방법

반응 패키지를 다운로드하는 방법

藏色散人
藏色散人원래의
2020-12-03 09:39:229616검색

반응 패키지를 다운로드하는 방법: 먼저 반응 스캐폴딩을 설치한 다음 Taobao cnpm 명령 도구를 설치한 다음 cd 명령을 사용하여 프로젝트 파일 디렉터리에 들어가고 마지막으로 "npm init" 및 "cnpm install"을 통해 종속 패키지를 설치합니다. 종속성 패키지 이름" 명령.

반응 패키지를 다운로드하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, 반응 버전 17.0.1, Dell G3 컴퓨터.

추천: "react 비디오 튜토리얼"

React 종속성 패키지 다운로드 방법

1. 전제 조건

먼저 node.js가 설치되어 있는지 확인하세요...

설치가 완료된 후 엽니다. cmd 명령줄에 node -v 및 npm -v를 입력하여 버전 번호가 표시되면 설치가 완료된 것입니다.

2. React 스캐폴딩을 설치합니다

cmd 명령줄에 npm install -g create-react-app을 입력하고 설치를 기다립니다.

3. 새로운 React 프로젝트를 생성합니다

생성된 프로젝트가 사용자에게 설치됩니다. 기본적으로 디렉터리를 변경하려면 다음 명령을 참조하세요:

cmd 명령줄에 입력: d: (D 드라이브 선택)

cmd 명령줄에 입력: cd d:reactDemo ( D 드라이브에 지정된 폴더를 입력하세요)

새 프로젝트 명령을 실행하세요: create-react-app my-new-app ("my-new-app"은 프로젝트 루트 디렉터리 폴더의 이름입니다)

계속 기다리세요 오랫동안....기억하세요...당황하지 마세요, 당황하지 마세요

IV, Taobao cnpm 명령 설치

npm을 구하는 데 약간의 시간이 소요됩니다. Taobao 팀의 cnpm을 사용하는 것이 좋습니다.

cmd 명령줄에 입력하세요:

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm -v를 입력하세요. 입력이 정상이고 오류가 없다면 설치가 성공한 것입니다

5. 필요한 종속성 패키지를 설치하세요.

cmd에 입력하세요. 명령줄:

cd d:reactDemo my-new-app  (进入你新建的项目文件路径)

다음과 같이 cmd를 계속하세요:

npm init   (然后一路回车)
cnpm install --save react react-dom       ( 在该目录下导入react和react-dom)
cnpm install --save  react-router-dom   (react路由,以后会用到)

계속 기다리세요...

6. 프로젝트를 시작하세요

cmd 디렉터리가 프로젝트에 있는지 확인하세요. 루트 디렉터리 경로 아래: d:reactDemo my-new- app

프로젝트 시작: npm start 시작 후 localhost:3000의 웹 페이지 창이 자동으로 나타납니다.

프로젝트를 닫으려면 CMD 창을 직접 닫거나 Ctrl+C를 사용하고 Y를 입력하세요. 그리고 나가세요

위 내용은 반응 패키지를 다운로드하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.