【React】환경 구축 create-react-app
소개
Windows 환경에서 React를 처음 사용하는 경우의 단계
이하 2점은 필수
・초기 도입을 용이하게 실시할 수 있는 create-react-app를 이용한다
Node.js 설치
Node.js 공식 사이트에서 Node.js 설치
htps : // 그래서 js. 오 rg / 그럼 /
Chocolatey를 사용하여 설치
Chocolatey 명령에서 nodist 설치
Chocolatey : Windows 용 패키지 관리 소프트웨어
nodist의 Path를 통과
nodist는 WindowsOS에서 Node.js 버전 관리를 수행하는 도구입니다.
위를 실행하면 nodist의 Path가 통과하지만,
nodist -v 커맨드 실행시에 인식되지 않는 에러가 나오는 경우는, path가 통과하고 있는지를 확인한다.
※ nodist 설치 후 명령 프롬프트를 다시 시작하지 않으면 인식되지 않음
nodist 설치
nodist + (버전)
다음으로 yarn 설치
yarn은 Node.js의 패키지 관리를 수행합니다 (다른 npm도 있지만 npm보다 설치가 빠르다는 이점이 있습니다)
①Chocolatey로 설치
choco install yarn
②npm으로 설치
npm install -g yarn
명령 프롬프트를 다시 시작하여 Path가 일시 중지되었는지 확인
create-react-app 설치
create-react-app를 npm으로 설치
npm install -g create-react-app
create-react-app로 프로젝트 만들기
작업 폴더로 이동하여 다음 명령 실행
create-react-app(프로젝트 이름)
create-react-app 실행
작성한 디렉토리로 이동하여 다음 명령을 실행
yarn start
아래 화면이 나오면 OK
windowsS에서 create-react-app를 사용하여 프로젝트를 만드는 방법은 이상입니다.
Reference
이 문제에 관하여(【React】환경 구축 create-react-app), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/tworks_front/items/d760cc293a940056e957
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(【React】환경 구축 create-react-app), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/tworks_front/items/d760cc293a940056e957텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)