WEB/React

Vite를 이용한 React 프로젝트 생성

tranzal 2022. 4. 28. 21:05

필요한 것

- Node

https://nodejs.org/ko/

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

 

위 링크에 접속하여 Node를 설치한다.

 

설치가 된다면 npm도 자동으로 설치되기 때문에 npm은 설치할 필요가 없다.

 

이제 터미널을 열어서 원하는 위치에 아래 명령어를 입력한다.

npm create vite@latest blog

 

위 명령어에서 blog는 프로젝트명이다. 

 

때문에 원하는 이름으로 설정하면 된다.

 

위 명령어를 입력하였다면.

 

위와 같은 이미지가 나타난다.

 

여기서 원하는 프레임워크로 설정한다.

 

다만 지금은 react로 설정할 것이다.

 

설정하면 

일반 ReactJS로 할 것인지 TypeScript가 적용된 React를 할것인지 선택할 수 있다.

 

이제 끝이다.

 

프로젝트에 들어가서 실행하기 위해서는

npm run dev

를 터미널에 입력하여 실행할 수 있다.

 

npm run build

를 이용하면 빌드도 가능하다.