Cordova环境搭建与hello word

时间:2023-03-09 18:42:23
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

验证:

Cordova环境搭建与hello word

如果 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

验证

Cordova环境搭建与hello word

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启动服务即可)

Cordova环境搭建与hello word

3、构建应用:

在命令窗口执行cordova build android,此步骤需要在maven.org下载框架包非常慢,请耐心等待

Cordova环境搭建与hello word

有出错了

Cordova环境搭建与hello word

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

继续打开打开SDK Manager 下载对应的tools,然后重新build

build完成

Cordova环境搭建与hello word

检查hello目录结构

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

五、测试

1、模拟器测试:运行cordova emulate android

4、手机测试

连接手机,打开usb调试,在命令窗口执行cordova run android

Cordova环境搭建与hello word