Vite + Vue3 + TypeScript 설치하기

 1. Vite  

    : webpack과 같은 번들링 도구

 2. Vue

    : vue3의 가장 큰 특징은 option API가 아니라 Composition API를 사용한다는 점이다. 

 3. TypeScript

    : compile 단계에서 Error를 잡아주기 때문에 디버깅이나 효율성 측면에서 굉장히 높은 평가를 받고 있다.

 

// npm 6.x 이하
npm create vite@latest <project-name> —template vue-ts

// npm 7.x 이상
npm create vite@latest <project-name> -- —template vue-ts

** node.js version은 16.x 이상에서 사용해야 한다. 

 

실행 명령어

터미널 창에서 npx vite --port=4000