2021년판·폭속 React 프로젝트를 만드는 방법(create-react-app를 사용)

폭속으로 React(React.js) 프로젝트를 만들고, 먼저 움직이는 방법을 씁니다.

환경

macOS Big Sur 11.2.3

Node.js 설치

공식 사이트에서 다운로드한 설치 프로그램을 실행합니다.
이 기사에서는 버전 14.16.1을 넣었습니다.

Yarn 설치

공식 사이트 또는

# npm 経由でyarnをインストール
npm install -g yarn
# yarnのバージョンを確認
yarn -v

create-react-app로 React 프로젝트 만들기

프로젝트를 만들려는 디렉토리로 이동하여 터미널에서 다음 명령을 실행합니다. my-app는 만들 프로젝트 이름입니다.

yarn create react-app my-app
#プロジェクトディレクトリへ移動
cd my-app

이런 느낌의 파일이 되어 있을까 생각합니다.

로컬 서버 시작

프로젝트 디렉토리에서 다음 명령을 실행합니다.

yarn start

yarn start 로컬 서버가 시작되고 브라우저에서 페이지가 자동으로 표시되는지 궁금합니다. 표시되지 않으면 브라우저에서
http://localhost:3000/
방문하십시오.

로컬 서버 중지

터미널에서 Ctrl+C로 서버를 종료합니다.

빌드

yarn build 에서는 공개용의 파일군이 build 디렉토리 바로 아래에 작성됩니다.

yarn build

보충

yarn은 무엇입니까?

이 기사 참조.
htps // // cs. 메아아/엔트리/19384/
기본적으로는 npm과 비슷한 Node의 패키지 관리 툴입니다만, 설치가 빠르기도 합니다. 명령은 거의 npm과 다르지 않습니다.

출처:
h tps : // c 어서 - 라 ct - 아 p. v / cs / 갓찐 g rs d
htps : // 그럼. Rea ctjs. 오 rg / 두 cs / c 레테 - 아-네 w- 리 아 c- p p. html # c Rete-Re-ct-p