React 프로젝트를 빌드하고 의존성을 설치하는 과정을 간략하게 소개합니다.

이 글은 React 프로젝트를 구축하고 의존성을 설치하는 과정을 간략하게 소개합니다. 필요한 친구들이 참고할 수 있기를 바랍니다.

1. 전제 조건

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

설치가 완료된 후 cmd 명령줄을 열고 node -v 및 npm -v를 입력하여 확인하세요. 버전 번호입니다. 설치가 완료되었습니다.

2. React 스캐폴딩 설치

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

3. 새 React 프로젝트 만들기

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

　　 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 (그런 다음 Enter를 끝까지 누르세요)

　　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를 입력한 후 종료하세요

위 내용은 React 프로젝트를 빌드하고 의존성을 설치하는 과정을 간략하게 소개합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!