안녕하세요, 오늘은 베스핀글로벌 D&A실 김지혜님이 작성해 주신 ‘Node.js + Vue3 + Vuetify 설치’에 대해 알아보겠습니다.
궁금하신 부분이 있으시면 댓글을 달아주세요 🙂
1. Node.js 설치
1-1. 설치

1-2. TEST
test.js vi 작성 → sudo node httpd.js 실행 → 정상실행 되면 Hello World 브라우저 확인

2. Vue 설치
2-1. Vue 설치
Vue cli 최신 버전 글로벌로 설치한다.

2-2. 프로젝트 생성
Vue cli 최신 버전 글로벌로 설치한다.
- 프로젝트 생성 → 버전 선택 → 설치 → 프로젝트 생성 완료



구성 확인

2-3. Vuetify 패키지 추가
생성한 프로젝트로 이동 후 패키지 설치
Vue3를 설치했으므로 동일한 버전을 선택

3. TEST

감사합니다 🙂