Quasar 따라하기

프론티어2017-02-15 22:40:17218310quasar, quasar-play

Quasar 로 작업한 기본적인 내용을 간단히 정리해 둡니다.

Quasar CLI 설치

npm install -g quasar-cli

설치후,  Global node-modules 에 있는 quasar.cmd 를 복사해서 q.cmd 를 만들어 두면, quasar 대신 q 명령을 사용할 있습니다.

HelloWorld App 만들어 보기

  • quasar init helloWorld
  • cd helloWorld
  • npm install
  • quasar dev

실행결과 Browser 에 아래와 같이 화면이 뜨면 성공!
이미지


한 발 더 들어가보죠.

quasar-play 연동 - 모바일 on the fly

모바일(Android 스마트폰) 에서 실행결과를 확인해 보려면
먼저 스마트폰에 quasar-play 앱을 설치하고 실행해야 합니다.

먼저, PC 에서 --play 옵션으로 아래와 같이 실행하고

quasar dev --play

스마트폰 quasar play 앱 실행후, 아래 화면에서
이미지

PLAY URL 을 눌러서,
실행중인 URL (예: http://192.168.0.4:8080) 을 등록하고 연결하면 됩니다.

그리고 App.vue 파일을 아래와 같이 Hello World 를 추가하면,
스마트폰의 화면이 on the fly 로 변경되는 것을 확인할 수 있습니다.

이미지
이미지


(작성중...)