Oops, All Code!/📝 Study Notes

iterm으로 Vite 프로젝트 스캐폴딩(Scaffolding)하기

밍동망동 2024. 8. 31. 16:28

 

 

Vite

Next Generation Frontend Tooling

vitejs.dev

# 개발 전용 폴더로 위치 변경 후
npm create vite@latest

 

만들고 싶은 project name을 설정하고, 프레임워크와 언어를 골라준다.

cd #폴더이름
npm install
#npm run dev
code . #vsc 오픈

 

live server를 사용할 예정이기 때문에 바로 vsc로 이동했다.

 

+)

리액트에서 live server가 제대로 동작 안하길래 설정을 만지던 도중

리액트에서는 live server가 권장되지 않는다는 사실을 알았다.

 

따라서, npm start를 활용하거나

vite나 CRA, Webpack Dev Server와 같은 개발 서버 도구를 이용해 명령어를 따라가자.

npm run dev