阿里云-云小站(无限量代金券发放中)
【腾讯云】云服务器、云数据库、COS、CDN、短信等热卖云产品特惠抢购

PhoneGap 3+ 在Mac OS下的安装配置(for Android)

113次阅读
没有评论

共计 1809 个字符,预计需要花费 5 分钟才能阅读完成。

1、安装 Node.js
PhoneGap 2.9 之后的版本是用 Node.js 来安装的,所以首先要到这里 ”http://nodejs.org/” 下载安装一个 Node.js。
 
2、安装 phonegap
 
装好之后,打开命令行工具,输入:sudo npm install -g phonegap
 
3、安装 Android SDK
我是先安装的 Eclipse 然后在 Eclipse 中安装 Android SDK 的,这个在此就不赘述了,去搜索一下 Mac 下 Android 开发环境的配置方法吧。
 
4、配置 Android SDK 的环境变量
在 Mac 系统盘分区中的当前用户目录中,查找.bash_profile 文件。

在 finder 中显示或隐藏 Mac 系统隐藏文件:
defaults write com.apple.finder AppleShowAllFiles -bool true 
defaults write com.apple.finder AppleShowAllFiles -bool false
我是没有找到这个文件,所以自己创建一个。
创建.bash_profile 文件的命令如下。
 
进入当前用户的目录:
cd ~ 
新建文件:
touch .bash_profile
打开并编辑文件:
open -e .bash_profile

把 Android SDK 的 PATH 填写进去并保存。

export PATH=${PATH}:/Users/stormer/android-sdks/tools
export PATH=${PATH}:/Users/stormer/android-sdks/platform-tools
或者
export PATH=/Users/stormer/android-sdks/platform-tools:$PATH
export PATH=/Users/stormer/android-sdks/tools:$PATH
 
这个路径要根据你自己的安装目录来写,上面的路径是我的本机地址。
PhoneGap 3+ 在 Mac OS 下的安装配置(for Android)

保存,关闭文件。然后回到命令行更新一下配置文件。
source .bash_profile
 
5、安装 Android SDK – API 19
 
因为 PhoneGap 使用的是 API 19 所以要安装一下这个版本的 SDK。打开 Eclipse, 打开 SDK 管理器。
PhoneGap 3+ 在 Mac OS 下的安装配置 (for Android)
看见那个带下箭头的图标了吧,这个就是 SDK 管理器了,点击里。
PhoneGap 3+ 在 Mac OS 下的安装配置(for Android)

选中 Android 4.4.2(API 19), 然后点下面的 Install X packages, 这样就开始下载了。
6、创建 PhoneGap 项目模板
 
呼,终于开始进入正题了!
打开命令行,输入:
cordova create myTest com.example.mytest MyTest
我来解释上面这句命令的含义。

cordova – 其实这个就是之前版本用的 phonegap 命令。PhoneGap 被 Adobe 收购以后更名为cordova(真 TM 难记)。
myTest – 就是新建的项目名称
com.example.mytest – 命名空间
MyTest – APP 的名字

执行命令后会在当前用户的根目录创建出一个名为 myTest 的项目目录。
PhoneGap 3+ 在 Mac OS 下的安装配置(for Android)

到这里,不要以为就 OK 了哦,现在只是生成了一个文件的框架,下面需要为这个项目添加平台。本例子以 Android 平台为例。
 
7、为 PhoneGap 项目添加 Android 平台的文件。
命令行输入:

cd myTest

cordova platform add android
添加成功后如图:
PhoneGap 3+ 在 Mac OS 下的安装配置(for Android)

如果提示出错,一定是前文中的配置没有设置正确。
 
8、编译项目
用 Eclipse 导入刚刚生成好的项目文件(myTest/platforms/android
PhoneGap 3+ 在 Mac OS 下的安装配置(for Android)

PhoneGap 3+ 在 Mac OS 下的安装配置(for Android)

编译 myTest,这个时候程序会在 Android 模拟器中运行。效果如下:
PhoneGap 3+ 在 Mac OS 下的安装配置(for Android)

OK,写到这里,就已经介绍完了 PhoneGap 在 Android 平台的安装配置过程。希望你能一切都顺利。
 
PhoneGap3+ 版本的安装、配置和使用 http://www.linuxidc.com/Linux/2015-08/122152.htm

IntelliJ IDEA 搭建 PhoneGap for Android 开发环境图解  http://www.linuxidc.com/Linux/2014-06/103144.htm

PhoneGap 的详细介绍:请点这里
PhoneGap 的下载地址:请点这里

本文永久更新链接地址:http://www.linuxidc.com/Linux/2015-08/122153.htm

正文完
星哥说事-微信公众号
post-qrcode
 
星锅
版权声明:本站原创文章,由 星锅 2022-01-21发表,共计1809字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
【腾讯云】推广者专属福利,新客户无门槛领取总价值高达2860元代金券,每种代金券限量500张,先到先得。
阿里云-最新活动爆款每日限量供应
评论(没有评论)
验证码
【腾讯云】云服务器、云数据库、COS、CDN、短信等云产品特惠热卖中