phonegap/cordova新手学习指南【必看】

2015-11-7 12:03| 发布者: admin| 查看: 83436| 评论: 6

摘要: phonegap是一个跨平台的移动app开发框架，可以把html css js写的页面打包成跨平台的可以安装的移动app，并且可以调用原生的几乎所有的功能，比如摄像头，联系人，加速度等。但是对于新手来说，遇到这么个陌生的东西 ...

phonegap是一个跨平台的移动app开发框架，可以把html css js写的页面打包成跨平台的可以安装的移动app，并且可以调用原生的几乎所有的功能，比如摄像头，联系人，加速度等。

但是对于新手来说，遇到这么个陌生的东西，总感觉学习起来有些遥远。

下面就和大家分享一下，对于一个新手如何在几天就学会 Android Ios APP的开发

首先最最麻烦的就是环境搭建，对应一个没有接触过Eclipse这样工具的童鞋来说，这个环境搭建是一项伟大而又艰巨的工作。

环境搭建成功，说明你已经学会了30%的phonegap开发了。是不是非常兴奋。

这里主要先说android 环境搭建，ios是非常之简单的，android学会ios自然就会了。

文档教程，简洁明了：http://bbs.phonegap100.com/thread-2988-1-1.html

看视频教程继续往下看:

由于官方版本更新比较快，所以给我们录制教程和新手学习带来了一些麻烦，不过仔细看这个文章一切问题都可以解决

1.环境没有搭建成功的话需要先看看第二季第一讲phonegap环境搭建，由于第一讲是phoengap2.9的教程，所以看完以后先可以不需要操作，继续看pheongap3.4教程安装最新的cordova（下面有视频教程地址）

2.看 PhoenGap3.4安装教程,按照此教程安装的就是最新的phonegap （此教程是后期补录的，看完结合刚才的第一讲就可以安装最新的cordova）

3.新手下载网盘中提供的更新完成的ADT，不然到时候会遇到很多问题，也可以通过http://bbs.phonegap100.com/thread-1456-1-1.html 此帖子下载

运行命令的时候可能会提示sdk错误，可以看看下面帖子http://bbs.phonegap100.com/thread-1787-1-1.html

首先需要工具：

phoengap2.9安装需要下面工具：

1.需要安装JDK
http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

2.需要ADT (Eclipse + ADTplugin+Android SDK 集成环境)

新手按照下面地址下载更新完成的adt，sdk集成包ADT下载地址：

http://bbs.phonegap100.com/thread-1456-1-1.html

可以参考 PhoneGap2.9安装视频教程地址：

http://bbs.phonegap100.com/thread-174-1-1.html

注意：看完phoengap2.9用上面的adt集成包配置的时候创建项目可能不一样，这个时候导入下面地址的例子，就可以继续开发了

http://bbs.phonegap100.com/thread-174-1-1.html

还有：大家如果用上面的sdk更新完成的集成包就不需要再更新sdk了

但是建议：看完pg2.9安装教程后继续看看phoengap3.4安装教程，如下：
因为下面是最新的安装方式

phoengap3.x (包括最新的phoengap安装)需要下面工具：

1.需要安装JDK
2.需要ADT (Eclipse + ADTplugin+Android SDK 集成环境)
3.nodejs

软件下载地址 如上所写

PhoneGap3.4安装视频教程地址：

http://bbs.phonegap100.com/thread-668-1-1.html

看完phoengap3.4安装教程以后自己尝试，运行cordova build 或者cordova run android的时候可能出现，

please install Android target：“Android-22” 这样的错误

这个时候不要急，解决方法就是更新sdk（由于翻墙等各种问题，本来一件很简单的事情变得复杂，所以看看下面帖子，更新一下sdk就ok了）

http://bbs.phonegap100.com/thread-1787-1-1.html

这个时候大功告成了，还遇到什么问题可以在我们论坛提出。还有一些不想安装环境，就想开发的，或者是用android studio开发的。看看下面的教程，建议采用最上面的方式

【视频】Phonegap桌面开发工具 Phonegap Desktop-App与手机客户端调试工具PhoneGap Developer App

无需安装环境就可以开发-新手必看

http://bbs.phonegap100.com/thread-1315-1-1.html

极客学院 phonegap android环境搭建教程：

http://www.jikexueyuan.com/course/799_1.html?ss=1

说好的环境搭建好基本学会30%了，下面就是找html5 移动框架进行学习学习

比如推荐如ionic 地址：http://www.ionic.wang

还有 jqmobi sencha 都可以。

为什么用html5 移动框架，因为用这些框架开发起来快，ui布局已经很不错了

2