Cordova環境搭建與hello word

1、環境下載

一、下載並安裝Node.jsphp

安裝一路下一步便可html

二、下載並安裝Gitjava

安裝一路下一步便可node

三、配置Android開發平臺環境android

(1)下載JDKgit

(2)下載AndroidSDKweb

(3)下載Apache Antshell

(4)下載eclipse
apache

2、環境配置

一、JDK環境變量配置npm

系統變量中新建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所在的目錄位置

二、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

二、安裝Node.js

 

3、Cordova全局安裝

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

npm install –g cordova

須要下載框架包,很是慢,別急,耐心點,不要中斷執行。

中途可能會出現「Error: shasum check failed for」 錯誤,多數是由於,網絡問題,致使下載插件包失敗,能夠重試幾回,或者換國內的鏡像源便可

4、建立並構建App項目

一、建立項目

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

二、添加平臺

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啓動服務便可)

 

三、構建應用:

在命令窗口執行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目錄

5、測試

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

四、手機測試

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

 

相關文章
相關標籤/搜索