react + vite 초기 세팅

목표

React + TypeScript + Vite 프로젝트 생성하기

1. Node Version 확인

node -v //현재 노드 버전  

react 사용하기 위해 node 버전 확인

2. vite + ts

공식 사이트 명령어

npm create vite@latest "프로젝트 이름" -- -- template "템플릿"

템플릿

1. vanilla
2. vue
3. react
4. preact
5. lit
6. svelte
7. solid
8. qwik

typeScript 사용하면 -ts 까지 추가해주면된다.

공식 가이드 문서 https://ko.vite.dev/guide/

프로젝트 생성

저는 vite,react,ts 로 사용하니까

npm create vite@latest portfolio -- --template react-ts

여기서 Y 누르면 프로젝트 생성 됩니다!

이후에 실행 하는 방법 잘 가르쳐주네요

cd portfolio <-- 지금 폴더 안에 프로젝트 이름이 portfolio이 생성 되어서 프로젝트 폴더로 이동
npm install <-- npm 최신으로 다운로드
npm run dv <-- 프로젝트 실행

실행 결과

긴글 읽어주셔서 감사합니다. :)