뷰 설치

뷰 개발에 필요한 사항들... 계속 업데이트 예정

 

vue-cli 설치

npm install -g vue-cli     

 

웹팩설치

vue init webpack-simple

 

개발에 필요한 모듈설치

npm i 

 

VUE-ROUTER 설치

npm install vue-router --save

 

VUEX 설치

npm install vuex

 

코드보기                           

code . 

 

뷰빌드시 참고사항

1. main.js 를 엔트리포인트로 삼는다.                        

 

 

import Vue from 'vue'

import VueRouter from 'vue-router'

//뷰라이브러리를 사용할 때

//뷰를 먼저 가져오고, 뷰 라이브러리를 가져온다.

 

Vue.use(VueRouter)

// Vue.use 안에 VueRouter 를 기입한다.

 

const router = new VueRouter({

mode:'history',

// Vue.use 안에 VueRouter 를 기입한다.

routes : [

{ path:'/', component: Home},

{ path:'/Login', component: Login},

{ path:'*', component:NotFound}

]

})

 

 

export default router

// 설정해놓은 코드들을 router 라는 이름으로 내보낸다.

 

 

 

업데이트 될 내용들

 

바인딩( v-if, v-for, click 등등)

Vue-router를 활용한 액세스 링크관리

Vuex를 활용한 상태관리(State, Mutation, Action)

 

확장프로그램설치

vetur

task explorer

vuetify-vscode

 

플러그인

vue add vuetify