티스토리 뷰
Add CSS Framework
여러가지 모듈이 있지만 호환성이 좋은 메테리얼 기반의 UI를 제공하는 Vuetify를 add-on 해보자.
$ vue add vuetify
|
cs |
Choose a preset 에서 Default 를 선택합니다.
Installing vue-cli-plugin-vuetify...
+ vue-cli-plugin-vuetify@0.5.0
added 1 package from 1 contributor and audited 30913 packages in 10.84s
found 0 vulnerabilities
✔ Successfully installed plugin: vue-cli-plugin-vuetify
? Choose a preset: Default (recommended)
🚀 Invoking generator for vue-cli-plugin-vuetify...
📦 Installing additional dependencies...
added 2 packages from 1 contributor and audited 30920 packages in 12.765s
found 0 vulnerabilities
⚓ Running completion hooks...
✔ Successfully invoked generator for plugin: vue-cli-plugin-vuetify
The following files have been updated / added:
src/assets/logo.svg
src/plugins/vuetify.js
package-lock.json
package.json
public/index.html
src/App.vue
src/components/HelloWorld.vue
src/main.js
src/views/Home.vue
You should review these changes with git diff and commit them.
|
cs |
설치 이후에 다시 서버 실행 합니다.
$ npm run serve
|
cs |
localhost:8080 으로 접속하면 달라진 화면을 볼 수 있습니다.
다른 레이아웃을 적용할때는 App.vue 파일을 정리하면 됩니다.
'모바일' 카테고리의 다른 글
PWA + Vue-CLI 3 학습하기 #4 - Infinite Scroll Loading (0) | 2019.05.28 |
---|---|
PWA + Vue-CLI 3 학습하기 #3 - Axios, Cors, Proxy (1) | 2019.05.25 |
PWA + Vue-CLI 3 학습하기 #1 (0) | 2019.03.23 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
- Web Development Tutorial
- 월간 깃헙 트렌드
- List of Useful Node.js Modules
- Vue Style Guide
- NAVER Tech Talk: FE devtalk
- Do it! Vue.js 입문 저자 블로그
- Eva Icons - 오픈소스 아이콘
- awesome-nodejs
- Node.js Documentation
- Pretty Awesome Lists
- 김정환블로그 - Node.js 코드랩
- TOAST UI - JavaScript UI libra…
- The Vue.js Cheat Sheet
- 1인 크리에이터 콘텐츠 연구소
- The Modern Javascript Tutorial
- Hacker News readers as PWA
- Awesome Vue.js
TAG
- 자동배포
- intellij
- 추억
- pm2
- 투어버디
- CI
- gitlab
- OST
- AWS
- 자돌빌드
- tourbuddy
- maven
- 음악듣기
- 레인가드
- CD
- 자동테스트
- nodejs
- portainer
- 게임음악
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함