[Vue] Vuetify Framework 사용해보기 - 1

안녕하세요! 오랜만에 일상 포스팅을 했으니 개발 포스팅도 해줘야겠죠?

최근 새로운 프로젝트 들어가게 되면서 새로운 기술을 배우게 됐습니다.

웹 프레임워크 3대장 중 Vue를 활용한 앱을 개발해볼거에요!

 

그러면 제일 먼저 해야될 일이 무엇일까요? 바로 환경을 세팅해야겠죠?

환경세팅하러 Go!

사용 에디터 : vscode

운영체제 : Window 10 pro

 

1. Node.js 설치

Node.js 공식 홈페이지 : nodejs.org/ko/

Node.js

 

 1.1 홈페이지 접속 및 14.15.0 버전 다운

홈페이지 접속 및 14.15.0 버전 다운

 1.2 Node.js 설치

Node.js 설치(1)

Node.js 설치(2)

Node.js 설치(3)

Node.js 설치(4) 및 버전 확인

 

 1.3 Node.js 버전 체크

node -v //v14.15.0
npm -v //6.14.8

 

2. vue/cli 설치 

저는 3.x 버전을 깔도록 하겠습니다.

최소 요구 사항으로 Node.js 3.x 버전은 8.9 이상 필요

npm install -g vue-cli // vue-cli 2.x
npm install -g @vue/cli // vue-cli 3.x

 2.1 vue/cli 버전 체크

vue --version // @vue/cli 4.5.8

 

저는 추가적으로 Git 설치도 해주었습니다.

 

다음 포스팅은 vue 프로젝트 생성 및 vuetify 설치해보도록 하겠습니다.