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

た入场券 2022-10-18 04:53 136阅读 0赞

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

这个路径要根据你自己的安装目录来写，上面的路径是我的本机地址。

![3e3dd05bb3df9402ef4cbcfe452c8b29.png][]

保存，关闭文件。然后回到命令行更新一下配置文件。

source .bash\_profile

5、安装Android SDK - API 19

因为PhoneGap使用的是API 19所以要安装一下这个版本的SDK。打开Eclipse,打开SDK管理器。

![0a36e6d0f39b6733ec19085c869c1f67.png][]

看见那个带下箭头的图标了吧，这个就是SDK管理器了，点击里。

![dd910f4565166d7f8c242fa4b93eabeb.png][]

选中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的项目目录。

![21d7f3643df56178213b3816d160cfaf.png][]

到这里，不要以为就OK了哦，现在只是生成了一个文件的框架，下面需要为这个项目添加平台。本例子以Android平台为例。

7、为PhoneGap项目添加Android平台的文件。

命令行输入：

cd myTest

cordova platform add android

添加成功后如图：

![a0f920835c019664e03a86c5a8f30e50.png][]

如果提示出错，一定是前文中的配置没有设置正确。

8、编译项目

用Eclipse导入刚刚生成好的项目文件(myTest/platforms/android)

![435d5f6029c34125d5463c6cafa1d238.png][]

![75affb9ef220d270df9bde877fc6b321.png][]

编译myTest，这个时候程序会在Android模拟器中运行。效果如下：

![dfcdfa75f971c4fbb6b4f015697538c5.png][]

OK，写到这里，就已经介绍完了PhoneGap在Android平台的安装配置过程。希望你能一切都顺利。

![0b1331709591d260c1c78e86d0c51c18.png][]

[3e3dd05bb3df9402ef4cbcfe452c8b29.png]: /images/20221014/eae4f09835304e00be08506e42c32639.png
[0a36e6d0f39b6733ec19085c869c1f67.png]: /images/20221014/a9678d6c1ad9401a827cda8a11a00c63.png
[dd910f4565166d7f8c242fa4b93eabeb.png]: /images/20221014/9c043a4f42644ea1927f505bb23f4627.png
[21d7f3643df56178213b3816d160cfaf.png]: /images/20221014/e925108bbb6b4255a7dacee8bfa44e0b.png
[a0f920835c019664e03a86c5a8f30e50.png]: /images/20221014/b3d6ff1b02e84b228841aaa6c3bed71d.png
[435d5f6029c34125d5463c6cafa1d238.png]: /images/20221014/59edaff8ff0247c9a64840266bba371d.png
[75affb9ef220d270df9bde877fc6b321.png]: /images/20221014/b1de3e57b1d243c5bd11a3e9b5f1c11d.png
[dfcdfa75f971c4fbb6b4f015697538c5.png]: /images/20221014/5b5751ab1da34126a465bf54efda4c45.png
[0b1331709591d260c1c78e86d0c51c18.png]: /images/20221014/d6dd31bbfcaf4df881be08abcef6a59a.png