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

 

相关文章
相关标签/搜索