vue 시작하기

vite와 cli의 차이

Vue cli의 경우 Webpack 기반으로 한 번들러를 사용한다고 한다. Webpack은 코드를 번들링하고 모든 종속성을 하나의 파일로 합치는데, 이 과정에서 초기 빌드 시간이 더 걸린다.

Vite의 경우 ES모듈 형식을 사용한다. 개발 서버에서는 각 모듈을 필요에 따라 동적으로 로드하여 빠른 개발 환경을 제공할 수 있다.

하지만 Vue cli의 경우 전체적인 기능과 다양한 플러그인 지원같은 거에서 높은 유연성을 제공한다. 전에 친구 이야기를 들어보니 채팅을 구현할 때 잘 안되어서 cli로 바꿨더니 됐다고 했다.

설치 과정

1. 최신 버전 nodejs 설치
2. npm install -g create-vite
3. npm init vue@latest
   프로젝트명이랑 이것저것 설정함
4. cd vue-project
5. npm install
6. npm run dev

우와 떴다.

지피티 선생왈 vite 전역설치햇을 때 설치 삭제하려면 npm uninstall -g create-vite
하면 되는데 일단은 삭제는 잘된다.