npm搭建PhoneGap环境

WEB前端 Nodejs学习 2017年10月24日

PhoneGap是一款开源的创建跨平台移动应用程序的框架，PhoneGap官网宣传语：使用开放Web技术就能开发令人惊异的移动App。PhoneGap使开发者能够在网页中调用IOS，Android和Blackberry等主流智能系统手机的核心功能——包括电池状态，网络状信息，相机，设备信息，地理定位，指南针，加速器，联系人，提醒（声音和振动），文件系统，文件传输等。此外PhoneGap还拥有丰富的插件，PhoneGap是目前做WebAPP的首选。下面雷雪松详细的讲解下使用NodeJS下的npm搭建PhoneGap环境。

1、安装NodeJS（Windows系统用户可以直接去NodeJS官网下载msi文件安装，如果Linux系统请参考雷雪松的博客之前的文章《NodeJS为何物？如何安装？》）

2、在命令行使用npm安装PhoneGap，如果npm安装不成功，使用npm install -g cnpm –registry=https://registry.npm.taobao.org指定为淘宝镜像，然后使用cnpm  install -g phonegap@latest 安装。
[cc lang=”text” escaped=”true”]D:\phonegap>npm install -g phonegap@latest[/cc]

3、在测试的手机上安装PhoneGap Developer。PhoneGap官网只提供iTunes、Google Play、Windows Phone Store三个市场的下载，安卓用户可以直接在百度中搜索PhoneGap Developer下载安装。

4、使用phonegap命令创建项目，phonegap create myApp命令则会在当前目录项创建一个myApp文件夹，开发的目录就在myApp下面的www。同样，也可以使用phonegap create myApp –id “org.myapp.sample” –name “appSample”命令指定项目名称和id标识符，以确保该项目是唯一的。
[cc lang=”text” escaped=”true”]D:\phonegap>phonegap create myApp
Creating a new cordova project.
D:\phonegap>cd myApp
D:\phonegap\myApp>dir /b
.bithoundrc
config.xml
CONTRIBUTING.md
hooks
platforms
plugins
README.md
www[/cc]

5、预览PhoneGap项目，先启动服务，在手机上的PhoneGap Developer通过局域网访问服务地址。
[cc lang=”text” escaped=”true”]D:\phonegap\myApp>phonegap serve
[phonegap] starting app server…
[phonegap] listening on 192.168.2.185:3000
[phonegap]
[phonegap] ctrl-c to stop the server
[phonegap][/cc]

6、生成IOS项目或者Android项目，首先需要安装Android环境和IOS环境，然后在使用phonegap run android或者phonegap run ios。
更多phonegap命令的用法可以参考Phonegap官网文档：http://docs.phonegap.com/references/phonegap-cli/

来源：npm搭建PhoneGap环境