npm搭建PhoneGap环境

WEB前端

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

1、安装NodeJS(Windows系统用户可以直接去NodeJS官网下载msi文件安装,如果Linux系统请参考PHP程序员雷雪松的博客之前的文章《NodeJS为何物?如何安装?》

2、在命令行使用npm安装PhoneGap,如果npm安装不成功,使用npm install -g cnpm –registry=https://registry.npm.taobao.org指定为淘宝镜像,然后使用cnpm  install -g phonegap@latest 安装。

1
D:\phonegap>npm install -g phonegap@latest

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标识符,以确保该项目是唯一的。

1
2
3
4
5
6
7
8
9
10
11
12
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

5、预览PhoneGap项目,先启动服务,在手机上的PhoneGap Developer通过局域网访问服务地址。

1
2
3
4
5
6
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]

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

来源:npm搭建PhoneGap环境

2 评论 “npm搭建PhoneGap环境

    godaddy 评论:
    2017年11月4日 上午11:59

    朋友 交换链接吗

    跨境电商平台 评论:
    2017年11月23日 下午8:10

    现在才发觉我要学的东西要好多啊

发表评论

电子邮件地址不会被公开。 必填项已用*标注