Monti

#1 Vue.js 시작하기 (스크립트 추가방법) 본문

JavaScript/Vue.js

#1 Vue.js 시작하기 (스크립트 추가방법)

montt 2021. 10. 11. 17:32

https://kr.vuejs.org/v2/guide/installation.html

 

설치방법 — Vue.js

Vue.js - 프로그레시브 자바스크립트 프레임워크

kr.vuejs.org

기본적으로 Vue.js 공식 홈페이지의 설명에 따르면 직접 <script>에 추가하는 방식은 다음과 같다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
// vue.js 버전 2.x
// 프로토 타이핑 또는 학습 목적
<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 모듈을 사용하는 경우
<script type="module">
import Vue from 'https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.esm.browser.js'
</script>
 
// vue.js 버전 3.x
// 프로토 타이핑 또는 학습 
<script src="https://unpkg.com/vue@next"></script>
 cs

 

Vue 대규모 애플리케이션을 생성하여 개발하는 방식이 아니라면 기본 프로젝트에 간단한 스크립트를 추가하여 Vue.js를 사용할 수 있도록 해준다.

'JavaScript > Vue.js' 카테고리의 다른 글

#3 Vue 프로젝트 생성을 위한 개발환경 구축 (Vue Cli)  (0) 2021.10.11
#2 Vue 프로젝트 생성을 위한 개발환경 구축-1(VSCode, Node.js)  (0) 2021.10.11
'JavaScript/Vue.js' Related Articles more
Comments