Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
Tags
- 경기도광명맛집추천
- 정보처리기사 시험장도 변경
- 큐넷 4대보험
- 큐넷 필기시험장소 변경
- vue 로그인
- vue prettier
- vue eslint설정
- 광명김치찌개
- vue 설정
- 벤큐 EX2510
- EX2510S음질
- 4대보험미가입 경력증명서
- 큐넷 폐업 사대보험 미가입
- 큐넷 시험장소 변경
- 큐넷 4대보험미가입
- 큐넷 사대보험
- HTML CSS Support
- 큐넷 사실확인서
- eslint prettier차이
- 광명돼지집
- 벤큐 EX2510S 후기
- 경기도광명돼지집
- 시험장소변경
- BENQ EX2510S REVIEW
- 큐넷 시험 변경
- 큐넷 폐업
- vue.js 로그인
- 서울근교두루치기
- vuetify 설치
- 벤큐 EX2510S
Archives
- Today
- Total
목록vuetify 설치 (1)
코딩 발걸음
[Vue - Express - Mysql 로그인 프로젝트] 2. Vuetify를 이용한 화면 구현
Vuetify란? Material Design이 적용된 디자인 방식입니다. 구글에서 개발이 되었고 vuetify개발을 하면서 디자인이 눈에 익으면 비슷한 느낌의 어플리케이션을 많이 발견할 수 있을 겁니다. vuetify 설치 명령어 입니다. vue add vuetify 버전선택 화면이 나옵니다. Default를 선택합니다. 설치가 완료되면 ~/src/plugins경로에 vuetify.js가 추가된 것을 확인할 수 있고 npm run serve로 서버를 실행하면 아래 그림처럼 Vuetify가 적용된 것을 확인할 수 있습니다. Vuetify에서 제공하는 Card디자인과 textfiled, Button등 을 조합하여 간단하게 만든 모습입니다. 최초 App.vue의 코드를 지우고 view폴더에 Login.vue..
개발/Vue.js
2021. 8. 13. 17:22