튜 토리 얼: create - react - app 비계 로 React 프로젝트 만 들 기

1. React 소개
React 는 페 이 스 북 의 내부 프로젝트 에서 유래 했다. 이 회 사 는 시장 에 있 는 모든 자 바스 크 립 트 MVC 프레임 워 크 에 만족 하지 않 기 때문에 인 스타 그램 사 이 트 를 가설 하기 위해 스스로 한 세트 를 쓰기 로 결정 했다.만들어 보 니 이 물건 이 잘 쓰 이 는 것 을 발견 하고 2013 년 5 월 에 시작 되 었 다.
2. 비계 환경 구축
STEP 1: node. js 설치
node. js 다운로드 사이트:https://nodejs.org/zh-cn/download/
STEP 2: React 비계 설치

cnpm install -g create-react-app

국내 미 러 교체

npm config set registry https://registry.npm.taobao.org
--                  
npm config get registry
--                  

세 번 째 단계: 프로젝트 생 성

create-react-app todolist

프로젝트 디 렉 터 리 진입 cd todolistSTEP 4: 시작 항목

npm start

3. 프로젝트 디 렉 터 리 설명node_modules = = > npm 다운로드 에 대한 의존 package.json = = > node 패키지 파일 은 항목 의 소개 및 관련 파일 버 전 을 포함 합 니 다.public 폴 더:
​     index.html = = > 프로젝트 의 첫 페이지
​     favico.ico = = > 항목 아이콘
​     mainfest.json = = > 웹 페이지 단축 키 정의src 폴 더:
​     index.js = = > 전체 항목 의 입구 파일    registerServiceWorker.js = = > 오프라인 캐 시
코드 공학 간소화src 디 렉 터 리 에 App.js 과 index.js 파일 만 저장 합 니 다.index.js 입구 파일 입 니 다. 코드 를 간소화 하면 다음 과 같 습 니 다.

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render(, document.getElementById('root'));

App.js 파일 간소화 코드 는 다음 과 같다.

import React from 'react';

function App() {
  return (
    

      hello React...
    
  );
}

export default App;