[React] 리액트 프로젝트 생성하기

 

터미널로 리액트 프로젝트 생성하기

 

프로젝트 폴더를 만들고 거기서 터미널을 연다. 

npm create vite@latest  -> Vite 라이브러리 빌드 툴 (소스코드 사이즈 압축 가능, 자바스크립트로 컴파일가능, 빠른 미리보기)

열고 위 명령어를 쳐보자 

근데 나는 에러가 났다. 

 

 

SyntaxError? 머지 모듈 문제인가 흠냐뤼,, 고민중하다가

버전을 확인해보았다. 

npm version 을 확인해보니 6. 대 버전이었다. 

 

 

nvm 도 12 버전이라 22 로 높이니 npm이 22로 알아서 높아졌다. 

이후 명령어를 실행하니 설치가 되었다. 

이 명령어는 설치를 위함이 아닌 프로젝트 이름과 설정을 위함인데, 

 

아까 과정을 겪고 나면 위 사진 처럼 프로젝트 네임을 적고, 

 

프레임워크를 고르고,

 

 

사용할 스크립트 언어를 고르고, 

 

프로젝트는 시작된다. 

 

 

해당 폴더 경로에 가보면 프로젝트가 생성되어있는것을 확인할 수 있다. 

그리고 이 프로젝트를 VsCode 에서 실행할 수 있다. 

 

node 버전을 여러개 가지고 있다면 계속 가장 낮은 버전으로 내려가니 계속해서 올려줘야한다. 

 

 

VsCode 에서 npm run dev로 실행하면 

 

로컬이 뜬다. 그럼 성공이다.