Dev_Study/Vue.js

[Vue.js] Vuetify3프레임워크 설정하기

LeeDaniel 2024. 12. 6. 10:20
Vuetify3?
Vuetify3 Logo

2014년에 처음 출시된 이후 Vue.js
세계에서 가장 인기 있는 자바스크립트 프레임워크 중 하나로 성장했습니다.
이러한 인기의 이유 중 하나는
개발자가 애플리케이션 전체에서 사용하고 재사용할 수 있는
작은 모듈을 만들 수 있는 구성 요소를 광범위하게 사용하기 때문입니다.
Vuetify는 동적 테마글로벌 기본값애플리케이션 레이아웃 등
강력한 기능과 결합된 사전 제작 구성 요소 모음입니다.
개발자에게 풍부하고 매력적인 사용자 경험을 구축하는 데 필요한 모든 도구를 제공하는 것이 목표입니다.

Vuetify는 배우기 쉽고 마스터할 수 있는 보상을 제공하기 위해
처음부터 구축된 강력한 Vue 구성 요소 프레임워크입니다.
당사의 UI 구성 요소 컬렉션은 모든 사용 사례를 충족할 수 있는
충분한 사용자 지정 옵션을 통해 애플리케이션 전반에 걸쳐 일관된 스타일을 유지합니다.

Vuetify는 MIT 라이선스를 받은 오픈 소스 프로젝트로
무료로 이용할 수 있습니다.
또한 Vuetify의 소스 코드는 GitHub에서 사용할 수 있으므로
개발자가 원하는 경우 수정하여 개발에 기여할 수 있습니다.

[ 1.Extensions에서 vue3에 필요한 확장프로그램 설치해주기 ]

4가지를 설치해줬다.


[ 2. 프로젝트에 vuetify3 설치하기 ]
https://ldne.tistory.com/448

 

[Vue.js] 1. Vue.js 프로젝트 생성하기

[ 1. Node.js 설치하기 ]nodejs.org/ko/  에 접속해 LTS(Long Term Support)버전을 받아준다 [ 2. Node.js 설치확인 ] cmd를 열고 아래명령어를 실행해 확인node -v [ 3. npm 설치확인 ]npm -v[ 4. Vue.js프로젝트 만들기 ]4.

ldne.tistory.com

위 과정으로 Vue.js프로젝트를 생성후

프로젝트에 vuetify3프레임워크를 추가해주는 과정을 설명한다

 

[ Terminal의 경로가 프로젝트 루트 경로인지 확인 ]


[ 프로젝트에 vuetify3 추가하기 ]

vue add vuetify

 

키보드↓키로 이동하여 Vuetify3 - VueCLI를 선택후 Enter키 입력

 


[ Vue.js프로젝트 실행해보기 ]

npm run serve

빌드 완료
Vuetifyt3 프레임워크 설정 완료

728x90
반응형

'Dev_Study > Vue.js' 카테고리의 다른 글

[Vue.js] 1. Vue.js 프로젝트 생성하기  (0) 2024.11.26
[Vue.js] Vue.js?  (2) 2024.11.20