App開發:修訂版本之間的差異
出自六年制學程
(→Cordova) |
(→Cordova) |
||
第 7 行: | 第 7 行: | ||
*#下載Jdk 8 (一定要使用JDK版本8才可以使用,不可使用更高版本) | *#下載Jdk 8 (一定要使用JDK版本8才可以使用,不可使用更高版本) | ||
*#下載[https://developer.android.com/studio Android Studio] (此動作是為了要安裝SDK,但因現在不能單獨下載SDK,而是包含在Android Studio裡面) | *#下載[https://developer.android.com/studio Android Studio] (此動作是為了要安裝SDK,但因現在不能單獨下載SDK,而是包含在Android Studio裡面) | ||
− | *#幫JAVA_HOME和ANDROID_HOME建立路徑<br>開啟資料夾 -> 對【本機】按右鍵 -> 內容 -> 進階系統設定 -> 環境變數 -> 系統變數 -> | + | *#幫JAVA_HOME和ANDROID_HOME建立路徑<br>開啟資料夾 -> 對【本機】按右鍵 -> 內容 -> 進階系統設定 -> 環境變數 -> 系統變數 -> 編輯 |
*安裝Cordova: | *安裝Cordova: |
2021年3月9日 (二) 10:56的修訂版本
PhoneGap
- 不知道為甚麼,下載PhoneGap Desktop的程式打開來後就會一直轉圈圈載入,無法使用。
Cordova
- 前置安裝作業:
- 下載Node.js
- 下載Jdk 8 (一定要使用JDK版本8才可以使用,不可使用更高版本)
- 下載Android Studio (此動作是為了要安裝SDK,但因現在不能單獨下載SDK,而是包含在Android Studio裡面)
- 幫JAVA_HOME和ANDROID_HOME建立路徑
開啟資料夾 -> 對【本機】按右鍵 -> 內容 -> 進階系統設定 -> 環境變數 -> 系統變數 -> 編輯
- 安裝Cordova:
- 打開命令提示字元(CMD)
- 輸入: npm install -g cordova
- 創建一個Cordova Project:
- 在命令提示字元中輸入: cordova create [Project名稱]
- 你可以在創建好的Project檔裡看到一個叫www的資料夾,
裡面放有可更改和設定的html、css和js檔案。
- 預覽Project:
- 在命令提示字元中輸入: cd [Project資料夾名稱]
- 輸入: cordova platform -1 可看到可用平台:
android 9.0.0
browser 6.0.0
electron 1.0.0
windows 7.0.0 - 輸入: cordova platform add [平台]
- 待資料下載完成後輸入: cordova run [平台]