PhoneGap安装和使用教程

来源:互联网 发布:巅峰seo 编辑:程序博客网 时间:2024/05/16 19:52

一、使用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 DeskTopphonegap create Demo com.phonegap.demo Demo

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

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

cd Demophonegap platform add browserphonegap platform add iosphonegap platform add android

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

4.编译运行

phonegap build browserphonegap run browserphonegap build iosphonegap run iosphonegap build androidphonegap run android