Cordova環境搭建與hello word


一、環境下載

1、下載並安裝Node.js

安裝一路下一步即可

2、下載並安裝Git

安裝一路下一步即可

3、配置Android開發平台環境

(1)下載JDK

(2)下載AndroidSDK

(3)下載Apache Ant

(4)下載eclipse

二、環境配置

1、JDK環境變量配置

系統變量中新建JAVA_HOME 指定你的jdk安裝位置

C:\Program Files\Java\jdk1.8.0_111

新建:CLASSPATH 

.;%java_home%\lib\dt.jar;%java_home%\lib\tools.jar

Path變量中添加

;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin

驗證:

如果 java -version能正常顯示版本號,而javac -version不能顯示版本號可能是你安裝的JDK不完整,或者你的"Path"變量中沒有正確指定javac.exe所在的目錄位置

2、AndroidSDK環境配置

加入:ANDROID_HOME 指向你的AndroidSDK安裝目錄

C:\Program Files (x86)\Android\android-sdk

Path加入

;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools

 驗證

adb不是內部命令,原因可能是你的環境變量不正確沒有正確指向adb.exe所在的路徑或者你指向的“platform-tools”位置是空的,並不包含adb.exe,你可以啟動SDK Manager 隨便下載幾個api

2、安裝Node.js

 

三、Cordova全局安裝

打開命令工具(按鍵win+r,輸入cmd回車),執行

npm install –g cordova

需要下載框架包,非常慢,別急,耐心點,不要中斷執行。

中途可能會出現“Error: shasum check failed for” 錯誤,多數是因為,網絡問題,導致下載插件包失敗,可以重試幾次,或者換國內的鏡像源即可

四、創建並構建App項目

1、創建項目

在命令窗口打開項目根目錄(執行cd 目錄名),執行cordova create 子項目名 package包名 應用名,例如: cordova create hello com.example.hello helloWorld

2、添加平台

a、在命令窗口打開項目目錄(例如 cd hello)

b、執行cordova platforms ls,檢查你的電腦支持的平台

c、在命令窗口打開項目目錄(例如 cd hello),

d、執行cordova platform add android

    如出現 error:please install android target: "android-22".錯誤,請打開SDK Manager 下載對應的tools,如下載出問題,多數是因為網絡,配置一個googe hosts搞定;若出現“Stopping ADB server failed (code -1).” 安裝完后,你把ADB服務重新啟動下(在命令行輸入:adb kill-server停止服務,然后adb start-server啟動服務即可)

 

3、構建應用:

在命令窗口執行cordova build android,此步驟需要在maven.org下載框架包非常慢,請耐心等待

有出錯了

“You have not accepted the license agreements of the following SDK components”

 繼續打開打開SDK Manager 下載對應的tools,然后重新build 

 build完成

檢查hello目錄結構

•config.xml:Cordova的核心配置信息
•hook :自定義擴展功能 
•platform :支持的平台,例如Andriod、iOS等
•plugins :插件目錄
•www :web目錄

五、測試

1、模擬器測試:運行cordova emulate android

4、手機測試

連接手機,打開usb調試,在命令窗口執行cordova run android

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM