2018年2月10日 星期六

【Ionic 3】建立第一個Tabs版型App

Ionic 3 App開發的入門介紹,內容包括:

  1. 安裝Ionic 3 / Cordova
  2. 建立第一個App: Tabs版型
  3. 預覽執行: ionic serve
  4. App佈署
  5. 除錯(Debugging)

安裝Ionic 3 / Cordova
以Windows環境為例
  1. 先行安裝node.js,以便能以npm安裝ionic與cordova。安裝過程需注意 (1) node.js執行檔是否有加入Path環境(安裝時預設值便會加入),(2) 是否能從命令列(cmd.exe)執行node.js指令(也是預設選項)。
  2. 開啟cmd,安裝cordova與ionic:
  3. npm install -g ionic cordova
最新版本(2018/1)是cordova 8.0.0, ionic 3.19.1。