• node : v14.17.1
• Vue : v2
• Vue.js 가이드를 참고하여 작성

---

시작하기(설치)

• 필수 환경 설치(nvm, node, npm 등등)
• 기본 index.html에 가이드 따라 Vue 다운로드 또는 CDN주소 import

Vue scirpt 추가

버전에 따른 Vue.js 파일 다운로드

• 개발버전 : 모든 오류 메시지 및 디버그 모드

• 프로덕션버전 : 오류 메세지 없음, 33.30kb min+gzip(작은 용량으로 압축)

• 배포되는 환경에 따라 파일을 vue.js 또는 vue.min.js로 관리하는 것이 좋음

CDN

• 각 버전에 맞게 CDN을 통해 Vue.js 파일을 import 할 수 있음

[ 프로토 타이핑 또는 학습목적 ]

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

[ 프로덕션 환경 ]

• 특정버전의 빌드 파일을 추가하는 것을 추천

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.0"></script>

[ 기본 ES 모듈 ]

• ES모듈을 호환하는 빌드 파일

<script type="module">
  import Vue from 'https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.esm.browser.js'
</script>

[ index.html ]

<!-- 개발버전, 도움되는 콘솔 경고를 포함. -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<!-- 또는 -->

<!-- 상용버전, 속도와 용량이 최적화됨. -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

NPM install

• 대규모 어플리케이션을 구축할 때에는 NPM으로 패키지를 관리한다
• 따라서 vue 또한 npm으로 관리 할 수 있다.

// 최신 안정화 버전 설치
npm install vue

CLI(Command Line Interface)

• Vue.js에서 Vue를 빠르게 구축할 수 있도록 도와주는 공식 CLI를 지원한다.

// 최신 vue-cli 설치
npm install i -g @vue/cl

• 자세한 내용은 다음에..