Vue 설치방법


Vue를 설치할 수 있는 방법은 크게 3가지가 있습니다.

<aside> 💡 scaffold란? 개발을 용이하기 시작할 수 있는 발판을 제공해주는 것을 말합니다.

batteries-included란? 외부 라이브러리를 더하지 않아도 기본적으로 제공하는 표준 라이브러리만으로도 시작하는데 문제 없다는 의미로 해석할 수 있습니다.

</aside>

CDN

프로토타이핑 또는 학습 목적이라면, 아래 코드로 최신 버전을 사용할 수 있습니다.

<script src="<https://unpkg.com/vue@next>"></script>
<!-- 또는 -->
<script src="<https://unpkg.com/[email protected]>"></script>

npm

Vue를 사용하여 대규모 애플리케이션을 구축할 때 NPM를 이용한 설치를 권장하고 있습니다. NPM은 Webpack 또는 Browserify와 같은 모듈 번들러와 잘 작동합니다.

npm install vue**@3.1.9** // 강의시 버전과 동일하게 프로젝트를 생성합니다.

Vue CLI

Vue CLI는 웹팩 기반 빌드도구 입니다. 하지만 Vue CLI는 현재 유지관리 모드에 있습니다. 특정 특정 웹팩 기능에 의존하지 않는한 Vite로 새 프로젝트를 시작하는 것이 좋습니다.

Vue CLI를 사용하기 위해서는 @vue/cli v4.5 이상의 버전을 설치해야 합니다.

npm install -g @vue/cli

Vite