【cordova】cordova安裝步驟(windows)
阿新 • • 發佈:2019-01-07
原文:
【cordova】cordova安裝步驟(windows)
1 安裝nodejs(已經安裝了的請跳過這一步)
nodejs官網
https://nodejs.org/en/
可以去官網下載最新安裝包,然後按步驟安裝
安裝完畢後,開啟cmd,
輸入
node -v
可檢視node版本
輸入
npm -v
可檢視npm版本
2 用nodejs的npm安裝cordova
開啟cmd,輸入
npm install -g cordova
3 建立專案
cordova create <path> <package_name>
例如:
cordova create F:/cordova/test1 jane.cordova.test
注意:如果不輸入<package_name>,包名將是預設的io.cordova.hellocordova
4 進入專案目錄
例如:
F:\cordova\test1>
5 新增支援的平臺
cordova platform add ios --save
cordova platform add android --save
cordova platform add browser
6 確定browser環境可以執行
cordova run browser
如果報找不到chrome的錯誤,需要把chrome加入環境變數(cordova預設會拉起chrome作為瀏覽器執行)
新增環境變數:
開始->計算機->右鍵屬性->高階系統設定->高階->環境變數->系統變數->path 新增chrome安裝的目錄(exe檔案的目錄路徑)
7 檢查依賴項是否安裝齊全
cordova requirements
由於是windows平臺,所以,只能編譯android的包,ios的報錯和警告都可以忽略,browser只是預覽,所以只要第六步可以正常執行即可
Requirements check results for android:
Java JDK: installed .
Android SDK: not installed
Failed to find 'ANDROID_HOME' environment variable. Try setting setting it manually.
Failed to find 'android' command in your 'PATH'. Try update your 'PATH' to include path to valid SDK directory.
Android target: not installed
Android SDK not found. Make sure that it is installed. If it is not at the default location, set the ANDROID_HOME environment variable.
Gradle: not installed
Could not find gradle wrapper within Android SDK. Could not find Android SDK directory.
Might need to install Android SDK or set up 'ANDROID_HOME' env variable.
Requirements check results for ios:
Apple OS X: not installed
Cordova tooling for iOS requires Apple OS X
Error: Some of requirements check failed
以上的結果請根據實際結果進行處理
官網對於android平臺安裝的指導:
http://cordova.apache.org/docs/en/latest/guide/platforms/android/index.html
在這一步常會遇見的問題:
7.1 Java JDK未安裝
從官網下載後,直接安裝即可
http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html
如果自行選擇了安裝位置,請注意之後將JAVA_HOME配置到全域性變數中
新建
key: JAVA_HOME
value: {JAVA的jdk路徑}
7.2 Android相關SDK未安裝(以下三個有未安裝部分)
Android SDK: installed
Android target: installed android-21,android-22,android-23,android-24
Gradle: installed
從Android官網下載Android Studio,Cordova官網中對於Android相關安裝有提到可以安裝 Android Stand-alone SDK Tools ,而不安裝 Android Studio,實際在Android的官網上未找到
Android官網下載Android Studio地址:(需要FQ)
https://developer.android.com/studio/install.html?pkg=tools
安裝完畢後,開啟Android Studio,點選右下角 Configure,選擇SDK Manager,在SDK Platform中,必須包含Android 6.0(即Android-23),否則cordova會報錯,需要安裝的特定版本,在版本前打鉤後點擊右下角apply即會開始安裝
如果自行選擇了安裝位置,請注意之後將ANDROID_HOME配置到全域性變數中
新建
key: ANDROID_HOME
value: {Android的sdk路徑}
在path中編輯新增 platform-tools 和 tools 路徑,例如:
以上安裝完畢後,需要重新開啟cmd,重複第7步,檢查依賴項是否安裝齊全,
如果全部都已經,即可以進行下一步操作
8 連線手機,將apk包安裝到Android手機上實測
8.1 請檢視手機的Android版本,確保第7步中的Android target有對應的版本(如果沒有,請回到第7步安裝)
8.2 請確保打開了開發者選項(點選Android版本號5次可以開啟開發者選項)
8.3 請確保手機允許安裝未簽名安裝包(即允許安裝非應用市場的應用/來源未知的應用)
8.4 用usb連線手機,手機會彈出是否允許usb除錯,選擇允許(建議勾選一直允許此pc的除錯,方便之後不要重複點)
8.5 在cmd裡輸入
cordova run android
如果apk包未被build過,或者改動了未build,cordova會先build的apk安裝包(這個時間比較久)
ANDROID_HOME=F:\Android_SDK
JAVA_HOME=C:\Program Files (x86)\java\jdk1.8.0_71
No target specified, deploying to device '1913ac9a'.
(略)
BUILD SUCCESSFUL
Total time: 22 mins 58.485 secs
Built the following apk(s):
F:/cordova/test1/platforms/android/build/outputs/apk/android-debug.apk
Using apk: F:/cordova/test1/platforms/android/build/outputs/apk/android-debug.apk
LAUNCH SUCCESS
然後手機上會自動開啟已經安裝好的cordova的第一個hello cordova的應用
ps:
1 開啟cmd的方法:
1.1 windows鍵+r
1.2 輸入cmd,按回車
2 配置全域性變數
開始->計算機->右鍵屬性->高階系統設定->高階->環境變數->系統變數
官方安裝文件地址:
http://cordova.apache.org/#getstarted
1 安裝nodejs(已經安裝了的請跳過這一步)
nodejs官網
https://nodejs.org/en/
可以去官網下載最新安裝包,然後按步驟安裝
安裝完畢後,開啟cmd,
輸入
node -v
可檢視node版本
輸入
npm -v
可檢視npm版本
2 用nodejs的npm安裝cordova
開啟cmd,輸入
npm install -g cordova
3 建立專案
cordova create <path> <package_name>
例如:
cordova create F:/cordova/test1 jane.cordova.test
注意:如果不輸入<package_name>,包名將是預設的io.cordova.hellocordova
4 進入專案目錄
例如:
F:\cordova\test1>
5 新增支援的平臺
cordova platform add ios --save
cordova platform add android --save
cordova platform add browser
6 確定browser環境可以執行
cordova run browser
如果報找不到chrome的錯誤,需要把chrome加入環境變數(cordova預設會拉起chrome作為瀏覽器執行)
新增環境變數:
開始->計算機->右鍵屬性->高階系統設定->高階->環境變數->系統變數->path 新增chrome安裝的目錄(exe檔案的目錄路徑)
7 檢查依賴項是否安裝齊全
cordova requirements
由於是windows平臺,所以,只能編譯android的包,ios的報錯和警告都可以忽略,browser只是預覽,所以只要第六步可以正常執行即可
Requirements check results for android:
Java JDK: installed .
Android SDK: not installed
Failed to find 'ANDROID_HOME' environment variable. Try setting setting it manually.
Failed to find 'android' command in your 'PATH'. Try update your 'PATH' to include path to valid SDK directory.
Android target: not installed
Android SDK not found. Make sure that it is installed. If it is not at the default location, set the ANDROID_HOME environment variable.
Gradle: not installed
Could not find gradle wrapper within Android SDK. Could not find Android SDK directory.
Might need to install Android SDK or set up 'ANDROID_HOME' env variable.
Requirements check results for ios:
Apple OS X: not installed
Cordova tooling for iOS requires Apple OS X
Error: Some of requirements check failed
以上的結果請根據實際結果進行處理
官網對於android平臺安裝的指導:
在這一步常會遇見的問題:
7.1 Java JDK未安裝
從官網下載後,直接安裝即可
http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html
如果自行選擇了安裝位置,請注意之後將JAVA_HOME配置到全域性變數中
新建
key: JAVA_HOME
value: {JAVA的jdk路徑}
7.2 Android相關SDK未安裝(以下三個有未安裝部分)
Android SDK: installed
Android target: installed android-21,android-22,android-23,android-24
Gradle: installed
從Android官網下載Android Studio,Cordova官網中對於Android相關安裝有提到可以安裝 Android Stand-alone SDK Tools ,而不安裝 Android Studio,實際在Android的官網上未找到
Android官網下載Android Studio地址:(需要FQ)
安裝完畢後,開啟Android Studio,點選右下角 Configure,選擇SDK Manager,在SDK Platform中,必須包含Android 6.0(即Android-23),否則cordova會報錯,需要安裝的特定版本,在版本前打鉤後點擊右下角apply即會開始安裝
如果自行選擇了安裝位置,請注意之後將ANDROID_HOME配置到全域性變數中
新建
key: ANDROID_HOME
value: {Android的sdk路徑}
在path中編輯新增 platform-tools 和 tools 路徑,例如:
F:\Android_SDK\platform-tools;
以上安裝完畢後,需要重新開啟cmd,重複第7步,檢查依賴項是否安裝齊全,
如果全部都已經,即可以進行下一步操作
8 連線手機,將apk包安裝到Android手機上實測
8.1 請檢視手機的Android版本,確保第7步中的Android target有對應的版本(如果沒有,請回到第7步安裝)
8.2 請確保打開了開發者選項(點選Android版本號5次可以開啟開發者選項)
8.3 請確保手機允許安裝未簽名安裝包(即允許安裝非應用市場的應用/來源未知的應用)
8.4 用usb連線手機,手機會彈出是否允許usb除錯,選擇允許(建議勾選一直允許此pc的除錯,方便之後不要重複點)
8.5 在cmd裡輸入
cordova run android
如果apk包未被build過,或者改動了未build,cordova會先build的apk安裝包(這個時間比較久)
ANDROID_HOME=F:\Android_SDK
JAVA_HOME=C:\Program Files (x86)\java\jdk1.8.0_71
No target specified, deploying to device '1913ac9a'.
(略)
BUILD SUCCESSFUL
Total time: 22 mins 58.485 secs
Built the following apk(s):
F:/cordova/test1/platforms/android/build/outputs/apk/android-debug.apk
Using apk: F:/cordova/test1/platforms/android/build/outputs/apk/android-debug.apk
LAUNCH SUCCESS
然後手機上會自動開啟已經安裝好的cordova的第一個hello cordova的應用
ps:
1 開啟cmd的方法:
1.1 windows鍵+r
1.2 輸入cmd,按回車
2 配置全域性變數
開始->計算機->右鍵屬性->高階系統設定->高階->環境變數->系統變數