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裡面) | ||
− | *# | + | *#下載[https://gradle.org/next-steps/?version=6.8.3&format=bin Gradle 6.8.3] |
+ | *#幫JDK、SDK和Gradle建立系統路徑<br>開啟資料夾 -> 對【本機】按右鍵 -> 內容 -> 進階系統設定 -> 環境變數 -> 系統變數 -> 新增 | ||
*安裝Cordova: | *安裝Cordova: |
2021年3月9日 (二) 11:14的修訂版本
PhoneGap
- 不知道為甚麼,下載PhoneGap Desktop的程式打開來後就會一直轉圈圈載入,無法使用。
Cordova
- 前置安裝作業:
- 下載Node.js
- 下載Jdk 8 (一定要使用JDK版本8才可以使用,不可使用更高版本)
- 下載Android Studio (此動作是為了要安裝SDK,但因現在不能單獨下載SDK,而是包含在Android Studio裡面)
- 下載Gradle 6.8.3
- 幫JDK、SDK和Gradle建立系統路徑
開啟資料夾 -> 對【本機】按右鍵 -> 內容 -> 進階系統設定 -> 環境變數 -> 系統變數 -> 新增
- 安裝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 [平台]