PhoneGap中文网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

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

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

摘要: 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 集成环境) 

新手按照下面地址 下载更新完成的adtsdk集成包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

头晕

难过
2

扯淡

不解

搞笑
16

支持

超赞
1

欠扁

刚表态过的朋友 (21 人)

相关阅读

发表评论

最新评论

引用 ionicwang 2016-7-17 21:24
hcyd: 我看不懂。。
文档教程,简洁明了:http://bbs.phonegap100.com/thread-2988-1-1.html
引用 hcyd 2016-6-29 11:25
我看不懂。。
引用 phonegapcms 2016-3-31 16:22
还可以,看得懂
引用 小小智 2015-11-12 17:15
<初学者>可以试试这个
http://www.hubwiz.com/course/563180221bc20c980538e8b4/
边学边练,很容易找到感觉。

查看全部评论(4)

关闭

站长推荐上一条 /1 下一条

Archiver|手机版|小黑屋|PhoneGap中文网 ( 京ICP备13027796号-1

GMT+8, 2017-9-24 12:58 , Processed in 0.133761 second(s), 21 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部