티스토리 뷰

Vue.js 시작하기

사용자 dvmoomoodv 2018.04.27 00:09

안녕하세요 무무입니다. 


오늘부터 Vue.js를 시작해보려고 합니다. Vue.js를 시작하기 위해선 Node.js가 필요합니다. 

Node.js를 설치하시고, 아래 과정을 하나하나 진행해나가보시면 vue.js 기본 프로젝트를 실행하실수있습니다.




1. Node.js 설치 (https://nodejs.org/en/)

LTS버전을 설치해주세요. 


2. node -v, npm -v를 통해 설치를 확인합니다. 



3. Vue.js를 설치합니다. 

# 최신 안정화 버전
$ npm install vue



4. Vue-cli 를 설치하고 프로젝트를 설정합니다. 

프로젝트를 생성하고 vue 프로젝트를 실행할때 필요한 커맨드를 제공합니다.


Usage: vue <command> [options]


  Options:


    -V, --version  output the version number

    -h, --help     output usage information


  Commands:


    init           generate a new project from a template

    list           list available official templates

    build          prototype a new project

    help [cmd]     display help for [cmd]

# vue-cli 설치
$ npm install --global vue-cli
# "webpack" 템플릿을 이용해서 새 프로젝트 생성
$ vue init webpack my-project
# 의존성을 설치하고 실행하세요!
$ cd my-project
$ npm install
$ npm run dev



5. Vue.js의 기본 프로젝트 소스입니다. 

// 아래 내용은 컴파일러가 필요합니다
new Vue({
template: '<div>{{ hi }}</div>'
})

// 아래는 필요하지 않습니다
new Vue({
render (h) {
return h('div', this.hi)
}
})




'' 카테고리의 다른 글

vue.js 프레임워크를 활용한 프레임워크  (0) 2018.05.02
Vue.js 시작하기  (0) 2018.04.27
Vue.js 정리 목표  (0) 2018.04.23
댓글
댓글쓰기 폼
공지사항
Total
4,927
Today
0
Yesterday
1
링크
«   2019/08   »
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31