티스토리 뷰
이제 정했으니 vuetify를 설치해보려고 합니다. (하루가 지난건 안비밀)
알아보니, vuetify는 기존 vue-cil을 이용한 프로젝트 생성 후, vue add를 이용해 프로젝트를 설치한다고 합니다.
하지만 에러를 내뿜고있네요.. No such file or directory, open.......
에러에 대해서 찾아보니, 해당 버그는 webpack을 사용하는 옵션을 걸고 vue프로젝트를 생성 했을 때,
index.html파일이 ./public/index.html이 아닌 ./index.html로 생성되어서 생기는 문제로,
문제이지만, 버그는 아니라고 합니다. 아오(..)
해당 이슈 링크
https://github.com/vuetifyjs/vue-cli-plugins/issues/65
No such file or directory, open './public/index.html' · Issue #65 · vuetifyjs/vue-cli-plugins
If I'm trying to add vuetify with the command vue add vuetify I'm getting the following error: $ vue add vuetify 📦 Installing vue-cli-plugin-vuetify... + vue-cli-plugin-vuetify@0.4.6 added ...
github.com
또 하나의 문제는, 이 전에 찾아 볼 때는 get started를 보지 않아 알지 못했던 사실인데...
vuetify는 vue2 용이라는 것.
vue3용으로도 현재 개발중이고, 알파버전이 나와있지만, 알파버전이라는 이름만 들어도 알 수 있다싶이
테스트용이라는 것이 큰 문제였고...
그래서 부랴부랴 구글에 vue3 design framework를 찾아 적용 할 수 있는 라이브러리를 찾아보았는데,
Quasar Framework - Build high-performance VueJS user interfaces in record time
Developer-oriented, front-end framework with VueJS components for best-in-class high-performance, responsive websites, PWA, SSR, Mobile and Desktop apps, all from the same codebase. Sensible people choose Vue. Productive people choose Quasar. Be both.
quasar.dev
퀘이사라는 녀석을 찾게 되었습니다.
포스팅 올린 후에 알게 되어 좀 눈여겨 봤던 녀석이긴 한데, 2순위로 밀리면서
기억 한켠에 밀려났던게 이렇게 다시 오게 되었네요.
여튼, 이건 확실히 vue3 적용이 되는 것도 확인 했으니, 이걸 적용 해보기로 합니다.
'웹 개발' 카테고리의 다른 글
| Vue.js로 웹페이지 리빌드하기 - (4) Quasar 프로젝트 디렉토리 구조 살펴보기 (0) | 2021.12.24 |
|---|---|
| Vue.js로 웹페이지 리빌드하기 - (3) Quasar 설치 (0) | 2021.12.24 |
| SpringBoot 개발 - 그동안 막혔던 부분 메모지 (0) | 2021.12.23 |
| Vue.js로 웹페이지 리빌드하기 - (1) 라이브러리 선정 (0) | 2021.12.23 |
| AWS 프리티어 사용 중에 과금이 되었다. (0) | 2021.12.15 |