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
- 前置安裝作業:
- 下載Node.js
- 下載Jdk 8
- 下載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 [平台]