20150722:Windows下使用Cordova跨平台框架开发的成功的第一个android项目

一、第一次写,用于记录,也用于共勉。

先将从这个网址http://my.oschina.net/bianweiall/blog/369655里找到基础的步骤拿来。

1. nodejs/npm安装配置


   nodejs下载:
   http://nodejs.org/download/
   nodejs环境变量:
   PATH=C:\Program Files\nodejs;
   测试:
   node -v
   
   npm最新版下载:
   https://github.com/npm/npm/tags
   解压缩
   cd npmjs
   安装:
   node cli.js install -gf //安装最新版
   node cli.js install npm@1.0.105 -gf  //安装指定版
   npm环境变量:
   PATH=C:\Documents and Settings\Administrator\Application Data\npm;
   国内镜像安装:
   npm install -g cnpm --registry=https://registry.npm.taobao.org
   测试:
   npm -v
2. JAVA/ANDROID/ANT安装配置
   ANDROID下载:
   http://www.cnblogs.com/bjzhanghao/archive/2012/11/14/android-platform-sdk-download-mirror.html
   下载 android-sdk_r24.0.2-windows.zip/platform-tools_r14-windows.zip/tools_r20.0.3-windows.zip/android-17_r01.zip/sysimg_armv7a-17_r01.zip
   解压android-sdk_r24.0.2-windows.zip到任意位置
   解压platform-tools_r14-windows.zip到android-sdk-windows根目录出现platform-tools文件夹
   解压tools_r20.0.3-windows.zip到android-sdk-windows根目录覆盖原先的tool文件夹
   解压android-17_r01.zip到android-sdk-windows根目录下的platforms出现android-4.2文件夹
   解压android-19_r03.zip到android-sdk-windows根目录下的platforms出现android-4.4.2文件夹
   解压sysimg_armv7a-17_r01.zip到android-sdk-windows根目录下的system-images文件夹下的android-17文件夹出现armeabi-v7a文件夹
   以上文件夹没有请自建

   环境变量:
   ANDROID_HOME=C:\android-sdk-windows\tools;C:\android-sdk-windows\platform-tools
   PATH=%ANDROID_HOME%
   测试:
   adb
   
   打开android-sdk-windows下的AVD Manager.exe
   添加设备:
   new
   Name:随便填
   Target:选择Android 4.2 - API Level 17
   其他默认
   创建AVD

   Java下载:
   http://www.oracle.com/technetwork/java/javase/downloads/index.html
   环境变量:
   JAVA_HOME=C:\Program Files\Java\jdk1.8.0_25
   PATH=%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
   CLASSPATH=.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
   测试:
   javac

   ANT下载:
   http://ant.apache.org/bindownload.cgi
   解压到任意位置
   环境变量:
   ANT_HOME=C:\apache-ant-1.9.4
   PATH=%ANT_HOME%\bin
   CLASSPATH=%ANT_HOME%\lib
   
3. cordova安装
   
   cnpm install -g cordova
   
   创建应用:
进入你的工作目录


   cordova create hello com.example.hello HelloWorld
   
   添加平台:
   cd hello
   cordova platform add android

二、以上步骤都能正常运行,但到了关键一步

cordova build android时,就会报错,各种提示。

三、根据相应的提示,进行下载

1.下载了build-tools21.1.1放到了android的sdk->build-tools目录下;

2.下载了android-22放到了android的sdk->platforms目录下;

此时再重新创建项目,再build的时候成功了!

四、怀着激动的心情,在AVD上运行

1.此时问题又出现了,使用cordova run android命令,运行在了AVD了,可是刚显示了一下正确的页面,然后就又显示

2.上网查了一些相关资料,发现可能是因为AVD不能上网,所以才出现问题,于是开始配置AVD使之能够上网,然后所有问题就解决了!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值