Quasar App

클론 후 해당 디렉토리에서 npm install 필수

주요디렉토리 구조

• src
  • assets : 컴포넌트 구성에 필요한 이미지 등의 리소스. webpack에서 참조 함
  • boot : 초기 기동 시 import 되어야 하는 외부 js 라이브러리
  • components : 개별적으로 동작 가능한 컴포넌트
  • css : 전체 컴포넌트에서 사용하거나 다른 프로그래밍 적으로 핸들링이 필요한 스타일
  • layouts : 화면 레이아웃
  • pages : 페이지 구성 컴포넌트
  • router : 라우팅 설정 관련
  • statics : webpack을 통하지 않고 그대로 배포 됨
  • store : 상태 관리

주요 명령어

1. 로컬 서버 실행 qusar dev

2. 프로덕션 빌드 quasar build

아이콘 관련

퀘이사 컴포넌트 추가 방법

quasar.conf.js 파일 상에 사용하는(화면 표시 시 오류 발생하는 컴포넌트 명 어레이 상 추가)

class 스타일에 todo 로 준 것 위주로 작업할 것

샘플은 Coupon 관련해서 볼 것

크롬 플러그인 Vue.js devtools 설치할 것

화면 추가 방법

1. ./src/router/routes.js 상에 내용 추가: 해당 파일 상 주석 확인
2. ./src/pages 밑에 신규 Vue 파일 생성 'name' 등 목적에 맞게 변경 필요 시 component 추가 작성. 추가 작성 된 컴포넌트는 ./src/components에 추가(기존 내용 참조) ✱ 컴포넌트 추가 시 퀘이사 컴포넌트 의존성 문제가 발생하면 위에 언급 된 퀘이사 컴포넌트 추가 방법 참조
3. 메인 메뉴에 추가 시 page 경로를 ./src/layouts/MainLayout.vue 파일에 추가(기존 내용 참조)