[vue] vuesax ui-framework

며칠 전 vuetify를 실행해본적이 있음

https://yamyam-naengmyeon-donkats.tistory.com/86

[vue] vuetify 실행해보기 (vue2, vue3, vite)

그런데 기존에 쓰고 있던 quasar랑 ui느낌이 비슷했고, 그 부분이 마음에 안들어서

다른 ui framework를 찾아봄

 

 - vuesax

https://lusaxweb.github.io/vuesax/

Vue.js Framework Components - Vuesax

 - element plus

https://element-plus.org/en-US/

A Vue 3 UI Framework | Element Plus

 

 위 두 프레임워크 중

element plus는 공식문서에 vite지원이 되는 듯 기술되어있었고,

디자인은 vuesax가 더 맘에 듬

 

그래서 왠만하면 vuesax를 배우고 싶어서 element plus는 거들떠 보지도 않았다

 

위의 vuesax 공식문서를 가보면

https://lusaxweb.github.io/vuesax/development/#quick-start-cdn

Getting Started | Vue.js Framework Components - Vuesax

설치방법이 다 나와있다.

 

그런데.

안됐음

 

npm에서 받아오는것 까지는 되지만

적용이 안됐다.

 

node_modules에서 에러를 내는것을 보고 vue/cli버전이랑 호환이 안되어있나?

라고 생각해서 추천하는 cli버전이 있나 봤는데 그것도 없음

 

그래서 node_modules도 바꿔보고

vue2,vue3, vite 여러 버전으로 설치도해봤지만 안됐고,

 

추가 구글링중

"vue3 vuesax" 키워드로 검색해보니

npm공식에서 vuesax3가 존재했음

 

npm공식에서 vuesax를 검색해보지 않은 것은 아닌데,

vuesax3로 패키지가 존재하는지는 몰랐음

 

npm i vuesax3....

 

위 패키지를 받아오니 vue3, vite 모두 잘 사용이 된다.

beta버전이라고 적혀있어 알아보니

 

https://github.com/lk77/vuesax

GitHub - lk77/vuesax: New Framework Components for Vue.js 3

VsTable / VsCollapse 가 호환이 안되는 점을 알아둬야 할듯