当前位置: 首页 > 工具软件 > PhoneGap > 使用案例 >

PhoneGap安装和使用教程

安博文
2023-12-01

一、使用PhoneGap软件创建工程

参考官方网站:http://docs.phonegap.com/getting-started/1-install-phonegap/desktop/

1.下载安装PhoneGap Mac版
2.下载安装PhoneGap iPhone版
3.创建项目:
打开Mac上的phonegap应用,单击加号,然后选择创建新的PhoneGap项目,填写项目信息
4.预览项目:
若项目创建成功,项目的左侧有一个绿色的边框并且底部有绿色的文字提示server is running on…(若是灰色的可尝试点击左侧菜单第三个设置按钮,然后点击save启动)
A.电脑端:在浏览器中打开此地址可看到phonegap默认的画面。
B.转到PhoneGap开发者应用程序运行的移动设备,在主屏幕上输入服务器地址,然后点击连接。

二、使用终端创建工程
参考地址:http://www.jianshu.com/p/a6dd9b7c4ea7

1.安装PhoneGap

检查node.js环境,下载地址:https://nodejs.org/en/

node -v

安装PhoneGap

npm install -g phonegap@latest

2.新建PhoneGap项目

cd DeskTop
phonegap create Demo com.phonegap.demo Demo

3.创建浏览器/iOS/Android工程目录

进入创建的phonegap项目的文件夹中,使用phonegap命令创建

cd Demo
phonegap platform add browser
phonegap platform add ios
phonegap platform add android

创建成功后在platform文件夹里会出现相应的文件夹,里面有对应的iOS/Android工程

4.编译运行

phonegap build browser
phonegap run browser

phonegap build ios
phonegap run ios

phonegap build android
phonegap run android

使用Cordova代替PhoneGap

npm install -g cordova --registry https://registry.npm.taobao.org

cordova run browser
 类似资料: