# Mobile Vue

## Install
```bash
npm install -g @ionic/cli@latest # install
npm uninstall -g ionic # uninstall
npm install --save-dev node-sass sass-loader # Scss Loader
npm install -g @vue/cli # Vue Cli
npm install -g http-server # http server
npm install colors
npm install iconv-lite
```

## Project Run
```bash
ionic serve # run server
ionic serve -lab # run server
ionic build --prod # Build the application for production
ionic build --aot # Perform ahead-of-time compilation for this build
ionic build --minifyjs # Minify JS for this build
ionic build --minifycss # Minify CSS for this build
ionic build --optimizejs # Perform JS optimizations for this build
# change package.json version 
# change vue.config.js version, manifest_version
npm install # if need when change the package
ionic build --prod --minifyjs --minifycss --optimizejs # default
npm run deploy
```
## Push Test
in Dev Tool -> Application -> Service Workers
```json
{"notification" : {"title":"제목", "body" : "내용이 옵니다.", "image" : "http://localhost:8100/test/img/icons/icon-messages-81x60.png"}}
```

## VSCode Extension
###  Vue Language Features
* Name: Vue Language Features (Volar)
* Id: Vue.volar
* Description: Language support for Vue 3
* Version: 0.39.5
* Publisher: Vue
* VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=Vue.volar
*
* 이름: Prettier - Code formatter
* ID: esbenp.prettier-vscode
* 설명: Code formatter using prettier
* 버전: 9.9.0
* 게시자: Prettier
*  VS Marketplace 링크: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode


## Menu Struct
### 모바일(임직원) 
* 로그인	
* 메인	
* 하자관리
*   하자작업지시 (MO03010001U)
*   하자조회 (MO03020001U)	
* 회의실관리		
*   회의실예약 (MO01010001U)
*   회의실예약승인 (MO01020001)
### 모바일(협력업체) 
* 로그인	
* 메인	
* 하자관리
*   하자처리	(MO02010001U)
*   하자완료조회 (MO02020001U)