vscode에서 React 시작 시 설정

1. Node js 다운로드
Node js LTS 버전 다운로드 (버전 확인은 cmd 창에서 node -v, npm -v)
설치 시 기본 경로 그대로, chocolately는 건너뛰어도 됨. 
nodejs 설치하면 npm도 딸려온다.
설치 완료되면 cmd에서 npm install npx -g  입력 (npx 설치)

npm install npx -g

 

2. 작업할 곳에 폴더 생성 

3. 폴더 Shift + 우클릭 후 여기에 PowerShell 창 열기 클릭

 

4. npx create-react-app 프로젝트명 입력 후 엔터 (잘못 캡쳐했는데 프로젝트명에 대문자 들어가면 안됨)

 

5. VS Code에서 Open Folder 눌러서 작업 폴더 선택 후 작업 (메인페이지는 src 폴더 안의 App.js)

6. 개발하면서 사이트를 브라우저로 띄우려면 VSCode의 Terminal에 npm start 입력 
브라우저가 자동으로 안뜨면 브라우저 직접 열고 localhost:3000를 입력

 

7. 컴파일 완료

 

 

참고 : https://ffoorreeuunn.tistory.com/200

참고 : https://codingapple.com/unit/react1-install-create-react-app-npx/