iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 5
2
自我挑戰組

GAME30天系列 第 5

Quasar Framework intro. (2/3

快速建置APP起手式

start !

讓我們先檢查一下你擁有的技能

  1. ES6 Javascript

  2. Vue JS and NPM ecosystems

  3. Vue Router

  4. Writing .vue files

  5. [非必要] Vuex if building large scale Apps.

  6. [非必要] Webpack for tweaking the build system to your specific needs

  7. [非必要] Cordova

    全部技能都點滿了? 恭喜你!你可以使用quasar用的非常如魚得水

現在打開終端機

$ npm install -g quasar-cli

起手懶人包有幾種選擇 透過以下指令觀看

$ quasar list

會出現這幾種選擇

Official Quasar App starter kits:
 ★ default ($ quasar init default <folder_name>)
   Boilerplate for website (with optional Cordova and Electron wrappers) with Quasar v0.14+
 ★ pwa ($ quasar init pwa <folder_name>)
   Boilerplate for PWA with Quasar v0.14+

安裝全部模組

$ cd <folder_name>
$ npm install

開啟有 hot reload 的 dev server

$ quasar dev [theme]
# start with 'mat' theme
$ quasar dev
# or
$ quasar dev mat
# start with 'ios' theme
$ quasar dev ios

若有需要自己建立新的組件,type 可以是 layout, page, component.

$ quasar new [type] <name of your component with optional subfolder>

Quasar Play App

開啟一個有 hot reload 的 mobile dev app, 到market 下載 Quasar Play App, 使用以下的指令, 會產生一個 QR CODE 用APP掃過後, 就會開起dev server

$ quasar dev --play

現在準備動作都已經完成了!


上一篇
Quasar Framework intro. (1/3
下一篇
Quasar Framework intro. (3/3
系列文
GAME30天30

尚未有邦友留言

立即登入留言