[작업 환경] node.js

1. node.js 다운로드

https://nodejs.org/en

Node.js — Run JavaScript Everywhere

 

2. 원하는 폴더 만들고 shift+오른쪽마우스 클릭 후 '여기에 powerShell 창 열기' 클릭

 

3. powershell에 입력

npx create-react-app 프로젝트명

ex) npx create-react-app blog

 

**에러가 날 경우**

검색창에 powershell 검색 후 오른쪽 버튼 -> 관리자 권한 실행 -> Set-ExecutionPolicy Unrestricted -> y -> npx create-react-app 프로젝트명

 

 

여러가지 에러가 났는데 일단 임시방편으로 

//**해결방법**//

npm create vite@latest 를 이용해서 설치했다.

 

이후에 vscode로 폴더를 열면 이렇게 셋팅 되어 있다.

 

터미널 실행 단축키(ctrl + shift + `) -> npm install

 

**여기서 에러가 발생할 것!!**

이 상태에서 작성하면 안되고 방금 만든 폴더에 들어가서 npm install을 해야한다!!!!!

 

//**해결방법**//

cd vite-project : vite-project 폴더로 이동 (한 폴더 위로 가기 cd ..)

 

 

---

 

이렇게 해도 되고 처음에 latest 명령어 사용한 cmd에서 npm install까지 진행해도 된다

 

 

vs code로 해당 폴더 열고 -> npm run dev

 

이 화면이 나오면 셋팅 끝!!

 

 

** npm start로 안되는 이유

-> scripts 명령어에 start라는 명령어가 없기 때문. 서치해보니 추가해주면 되는 거 같은데 나는 그냥 자동으로 생성된 dev 명령어를 사용하려고 한다.