Vue를 설치하는 방법에는 3가지가 있다.

-페이지에 CDN package로 import하기

-npm을 사용하여 import하기

-CLI를 사용하여 프로젝트를 scaffold하기

scaffold란?

개발을 용이하게 시작할 수 있도록 발판을 제공해주는 것

<aside> 💡 CDN <script src=”…”></script>

</aside>

<aside> 💡 npm npm install vue@next

</aside>

Vue를 사용하여 대규모 애플리케이션을 구축할 때, npm을 이용한 설치를 권장하고 있다.

npm은 webpack 또는 browserify와 같은 모듈 번들러와 잘 작동한다.

<aside> 💡 Vue CLI npm install -g @vue/cli

</aside>

Vue CLI는 웹팩 기반 빌드 도구이다.

하지만 Vue CLI 는 현재 유지관리 모드에 있으므로, Vite로 새 프로젝트를 시작하는것이 좋다.

공식문서에도 Vite를 권장하고 있다.

<aside> 💡 Vite npm init vue@latest

</aside>

Vite는 Vue SFC를 지원하고 매우 가볍고 빠른 빌드 도구이다.

Vite는 개발 서버를 구동할 때 매우 빠르다.

또한 소스 코드의 변경이 일어났을 때, 전체 모듈을 번들링하는 것이 아니라 변경된 모듈만 교체하기 때문에 개발을 더욱 빠르게 진행할 수 있다.