App開發:修訂版本之間的差異

出自六年制學程
跳轉到: 導覽搜尋
Cordova
Cordova
第 7 行: 第 7 行:
 
*#下載Jdk 8
 
*#下載Jdk 8
 
*#下載[https://developer.android.com/studio Android Studio]
 
*#下載[https://developer.android.com/studio Android Studio]
 +
*#幫JAVA_HOME和ANDROID_HOME建立路徑
 
*安裝Cordova:
 
*安裝Cordova:
 
*#打開命令提示字元(CMD)
 
*#打開命令提示字元(CMD)
第 18 行: 第 19 行:
 
*#輸入: cordova platform add [平台]
 
*#輸入: cordova platform add [平台]
 
*#待資料下載完成後輸入: cordova run [平台]
 
*#待資料下載完成後輸入: cordova run [平台]
 +
 +
*參考影片: https://www.youtube.com/watch?v=ElIDUfPxfmU

2021年3月2日 (二) 10:02的修訂版本

PhoneGap

  • 不知道為甚麼,下載PhoneGap Desktop的程式打開來後就會一直轉圈圈載入,無法使用。

Cordova

  • 前置安裝作業:
    1. 下載Node.js
    2. 下載Jdk 8
    3. 下載Android Studio
    4. 幫JAVA_HOME和ANDROID_HOME建立路徑
  • 安裝Cordova:
    1. 打開命令提示字元(CMD)
    2. 輸入: npm install -g cordova
  • 創建一個Cordova Project:
    1. 在命令提示字元中輸入: cordova create [Project名稱]
    2. 你可以在創建好的Project檔裡看到一個叫www的資料夾,
      裡面放有可更改和設定的html、css和js檔案。
  • 預覽Project:
    1. 在命令提示字元中輸入: cd [Project資料夾名稱]
    2. 輸入: cordova platform -1 可看到可用平台:
      android 9.0.0
      browser 6.0.0
      electron 1.0.0
      windows 7.0.0
    3. 輸入: cordova platform add [平台]
    4. 待資料下載完成後輸入: cordova run [平台]