1. Vue CLI 설치

 CLI =>커맨드 창에서 명령어로 특정 동작을 수행할 수 있도록 해주는 도구

전역설치하면 vue 명령어를 어디에서나 사용할 수 있다

 

cmd에서 npm install @vue/cli -global

 

설치 후 vue 명령어로 확인

 

확인 후 새로 생성한 폴더에 cd 후 vue create [프로젝트명] 

 

선택창에서 Manially select features 선택하면 vuex, vue-router 등을 선택적으로 설치할 수 있다

 

선택적으로 select 한다 ( 타입스크립트, 뷰엑스 라우터 린터)

 

y n 선택한다

 

설치 완료

 

npm run serve로 작동가능

 

--프로젝트 파일 생성 시 예시  --

타임리프 + vue 형태 사용

/* vue-property-decorator 는

vuejs 에서 typescript로 개발할 때,

클래스 컴포넌트 스타일로 개발하기 쉽게 도와주는 데코레이터 들 */

import{Component, Vue} from 'vue-property-decorator';

/* @Component 는 정의한 클래스를

Vue 가 인식할 수 있는 형태로 변환하는 것을 의미한다. */

@Component

export default class 클래스명extends Vue{

}