[Vue] TypeScript 적용 및 설치

다음에 들어갈 프로젝트에서 Vue에 TypeScript를 이용할 수 있겠냐고 하셔서 지금부터 공부를 시작하려해요
Docs를 읽어보니 간단해보이니 빠르게 고우!

우선 Vue도 마찬가지로 Node가 설치 되어 있어야 하기에 만약에 설치가 되어있지 않다면 React 개발 환경 셋팅에 있는 node와 yarn 설치만 진행해주신 후에 따라와주세용~!

터미널을 열고 (윈도우는 파워쉘)

$ npm install -g @vue/cli

만약에 맥유저분들은 위에 명령어가 위에 이미지처럼 나오는경우 sudo를 앞에 추가해주세요
그 후 패스워드 입력창에 노트북 비밀번호를 입력하고
비밀번호가 노출되지않아도 입력되는중이니 놀라지말고 Enter를 눌러주세용

$ sudo npm install -g @vue/cli

전역으로 Vue Cli를 설치한 후에 vue3버젼으로 다운 받아주세요
(Vue3가 기본버젼이 되었기 때문에 저도 3버젼으로 작성할 예정이에요)

$ vue create 프로젝트명

프로젝트 생성후 yarn 유저는 yarn serve를 통해 열면 되고
그게 아니라면 npm run serve를 통해 열어주시면 될거같아요

$ vue add typescript

위에 명령어를 치게 된다면 typescript를 설치하여 사용 할 수 있어요.