create-react-app이 무엇인가요? create-react-app은 React 개발 환경을 위한 애플리케이션을 빌드합니다.

create-react-app이란 무엇인가요? create-react-app은 무엇을 할 수 있나요? 이 기사에서는 create-react-app을 사용하여 React 개발 환경을 구축하는 방법을 공유합니다.

1. create-react-app이란 무엇인가요?
React 프로젝트를 작업하고 개발 환경을 구축하는 것은 초보자에게 매우 어렵습니다! 그래서 Facebook은 React 프로젝트 개발 환경 구축을 위해 create-react-app 명령을 특별히 개발했습니다!

create-react-app은 webpack+ES6을 기반으로 제작되었습니다.

2. 사용방법.
명령줄에서 다음 명령을 순서대로 실행하면 프로젝트 구성이 완료됩니다.

cnpm install -g create-react-appcreate-react-app my-app 
//这里的my-app是随便起的一个项目名称而已。
cd my-app/
npm start

최종 프로젝트 디렉터리는 다음과 같습니다.

렌더링은 다음과 같습니다.

3. 프로젝트 디렉터리 설명:
Public 폴더: 내부의 index.html은 최종 패키징에 대한 인덱스 항목입니다. 전체 반응 프로젝트 페이지의 프로젝트 템플릿입니다. 하지만 이는 우리의 코드 작성과는 아무런 관련이 없으며 최종 페이지 표시와 관련이 있습니다.

src 폴더: 코드를 작성하는 곳입니다.

src/index.js: 전체 프로젝트의 엔트리 js 파일입니다.
src/app.js: index로 소개되는 컴포넌트이며 js 파일로도 표현됩니다.
src/index.css: index.js의 스타일 파일.
src/app.css: app.js의 스타일 파일입니다.
logo.svg: svg 이미지 파일입니다. 인터페이스 표시에 사용됩니다.

4. 하지만 저는 개인적으로 이런 구조가 만족스럽지 않고 개발에도 적합하지 않습니다.
다음은 제가 만든 초기 변환입니다.

디렉토리를 변경하고, 프로젝트 경로를 변경하고, 이 디렉터리에서 프로젝트 개발 작업을 계속합니다.

관련 추천:

WeChat 미니 프로그램 튜토리얼 미니 프로그램 구성

WeChat 미니 프로그램과 Alipay 미니 프로그램의 비교 및 ​​차이점 소개

위 내용은 create-react-app이 무엇인가요? create-react-app은 React 개발 환경을 위한 애플리케이션을 빌드합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!