phonegap如何使用以及常见的问题

最近，为了做毕设，决定采用phonegap+h5+css3打造一款Hybird APP,开发环境基于eclipse和webstorm,webstorm主要用来写前端代码，eclipse用来调试跟调用安卓手机相关的接口。前边把模拟器删了，改用真机，用USB让手机跟电脑连接，在eclipse上直接运行项目run as Android Application，就可以识别到手机，APP自动安装在手机上；

一.整个流程首先需要安装支持phonegap的相关环境（以及安装java的编译和运行环境，ADT,支持andoird打包的ant环境此部分省略：参考网址http://www.cnblogs.com/yuzhongwusan/archive/2013/03/26/2982411.html，http://www.tuicool.com/articles/MJJNJj）：

   1.安装node.js支持npm模块指令，正确安装后，在命令行敲入node -v可以看到

   

   2.全局安装cordova和phonegap

   npm install -g cordova，npm install -g phonegap //这里我也不太明白为什么要同时安装这两个，但是有些教程却没有；

   3.cordova create hello com.mylanguage.happy Happiness//新建一个解决方案，里面包含文件名，包名以及主程序名称；

   4.cd hello //进入hello目录

   5.cordova platforms add android//添加对安卓平台的支持；

   6.cordova build //编译

   7.cordova run android//运行cordova emulate android (运行模拟器)

  

    具体命令参考文档：http://www.phonegap100.com/article-489-1.html

  待续。。。。

二.常见问题

1.cordova build不成功：（android API不够新以及网速问题gradle不能正常下载和安装）

在ADT上更新SDK android API23

网速不行，只能手动下载gradle-2.2.1-all.zip，放置目录C:\Users\acer\.gradle\wrapper\dists\gradle-2.2.1-all\2m8005s69iu8v0oiejfej094b，在http://services.gradle.org/distributions这个网站下载；

   2.将项目导入ADT时

提示：Select at least one project错误提示错误，是因为当前项目列表（Package Explprer）存在了相同名称的项目。导致无法导入！！！

解决方法：window-->show view-->Project Explorer,然后删除对应文件；

  3.查看项目的所在目录

右击properties

 4.cordova build不成功时提示“cordova build Android提示"No installed build tools found. Please install the Android build tools version ”，

  在adt-bundle-windows-x86_64-20140321\sdk\build-tools这个目录下更新build-tools版本号

    参考文章：http://blog.csdn.net/langyuewu/article/details/46729985

三.如何修改APK名称以及图标

参考：http://jingyan.baidu.com/article/3f16e003e7906b2591c1032a.html

           http://zhidao.baidu.com/link?url=-W876PmX4bkuJU0jzc3cdyfvdYbN2Ht6a3239xr1FJNBV-ONBhrXwnckEKwDum1wkXMLOyefHNOTfRtI_aNvrq

四.相关命令

npm install -g cordova //安装最新本版

npm install -g cordova @4.0.0//安装指定版本

npm info cordova //查看cordova的基本信息

npm update cordova -g //更新

npm help或者npm help +单独命令//可以查看npm相关命令

npm ls//列出包名

npm root//查看安装路径

npm root -g //查看全局包

npm remove cordova//移除corodva

cordova plugin add org.apache.cordova //cordova 添加插件

cordova platforms list//展示平台信息列表