Vite

Vite

• 빠르고 간결한 모던 웹 프로젝트 개발 경험에 초점을 맞춰 탄생한 빌드 도구이다.
• node.js(버전 18+ 또는 20+을 요구) 기반의 Vue 개발을 위한 스캐폴딩 도구이다.
• Vue 뿐만 아니라 대부분의 프론트엔드 프레임워크를 지원한다.
• Native ES Module, HMR(Hot Module Replacement)등을 제공한다.
• .vue를 이용하여 만든 애플리케이션을 .html로 변경하기 위한 빌드 도구로 사용된다.

 

 

프로젝트 생성

$ npm create vite@latest

# Vite + Vue 프로젝트 생성
$ npm create vite@latest my-app -- --template vue

 

 

프로젝트 실행 후 브라우저로 접속 시 화면 출력

$ cd my-app
$ npm install
$ npm run dev

 

 

 

아니면 이런 방법도 있다.

$ npm init vue

 

터미널 창에 위와 같이 입력하면

프로젝트명을 설정할 수 있고 TypeScript, ESLint, Prettier 등의 사용 여부도 설정할 수 있다.

 

 

프로젝트 실행

$ cd vite-project
$ npm install
$ npm run format
$ npm run dev

 

 

 

---

참고

- https://goodteacher.tistory.com/m/546