Vue + TS 개발환경 세팅

개발환경 세팅

vue cli 설치

Vue CLI는 Vue 프레임워크 애플리케이션 환경을 쉽고 빠르게 구축할 수 있도록 제공 해주는 인터페이스.

npm install --global @vue/cli

프로젝트 생성

vue create vt-challenge(파일명)

cd vt-challenge  

실행

npm run serve

타입스크립트 추가

vue add typescript

npm run serve

문법 테마

현재 코드에 색상이 없어 불편함.
=> 마켓에서 Vue Language Features (Volar) 설치

자동완성

=>Vue 3 Snippets 설치
페이지 템플릿 단축어 : vueinit

page router 추가

vue add router