MAC 下安装PHONEGAP开发环境
2015-10-14 21:37
330 查看
什么是Phonegap呢?Phonegap是一个利用HTML5去开发App的框架。可以为安卓、iOS、WP、黑莓、火狐等移动操作系统。采用HTML5来编写交互界面。其优点是编写一次可以编译到各种移动平台上,大大为公司节省了开发周期。但是它也是有缺点的,性能比如原生的好,只能做一些简单的APP,比如介绍公司的那种,或者网站客户端。要是做游戏还是算了吧。
在MAC下安装Phonegap环境要安装很多种第三方的软件。git,xocde,nodejs等等。
1.安装GIT:http://www.git-scm.com/
2.安装NODEJS:http://nodejs.org/ (如果你安装了旧版本的需要手动安装npm,不过最新版的自带了)
3.进入终端命令行使用npm安装cordova如下:
4.进入你要创建的项目目录,然后创建phonegap项目。
输入完这个命令后cordova程序会帮你创建hello文件夹,里面就是这个phonegap环境了。
5.创建xcode项目文件。要编译App肯定是要用xcode的,没有安装就去App Store下载吧。
之后你用finder进入子目录就会看到platforms中得ios文件夹,接着你就运行里面项目编译即可。
6.环境算是有了,但是你要做项目还得需要调用很多系统的东西,比如摄像头、系统信息、文件操作等等,或者第三方开发的插件。看官网文档:
Basic device information (Device API): (设备信息插件)
Network Connection and Battery Events:(网络连接插件)
Accelerometer, Compass, and Geolocation:(陀螺仪)
Camera, Media playback and Capture:(摄像头拍照录制等)
Access files on device or network (File API):(访问文件)
Notification via dialog box or vibration:(提醒)
Contacts:(联系人)
Globalization:
Splashscreen:
Open new browser windows (InAppBrowser):
Debug console:
在MAC下安装Phonegap环境要安装很多种第三方的软件。git,xocde,nodejs等等。
1.安装GIT:http://www.git-scm.com/
2.安装NODEJS:http://nodejs.org/ (如果你安装了旧版本的需要手动安装npm,不过最新版的自带了)
3.进入终端命令行使用npm安装cordova如下:
$ sudo npm install -g cordova
4.进入你要创建的项目目录,然后创建phonegap项目。
$ cordova create hello com.example.hello HelloWorld
输入完这个命令后cordova程序会帮你创建hello文件夹,里面就是这个phonegap环境了。
5.创建xcode项目文件。要编译App肯定是要用xcode的,没有安装就去App Store下载吧。
$ cd hello $ cordova platform add ios
之后你用finder进入子目录就会看到platforms中得ios文件夹,接着你就运行里面项目编译即可。
6.环境算是有了,但是你要做项目还得需要调用很多系统的东西,比如摄像头、系统信息、文件操作等等,或者第三方开发的插件。看官网文档:
Basic device information (Device API): (设备信息插件)
$ cordova plugin add org.apache.cordova.device
Network Connection and Battery Events:(网络连接插件)
$ cordova plugin add org.apache.cordova.network-information $ cordova plugin add org.apache.cordova.battery-status
Accelerometer, Compass, and Geolocation:(陀螺仪)
$ cordova plugin add org.apache.cordova.device-motion $ cordova plugin add org.apache.cordova.device-orientation $ cordova plugin add org.apache.cordova.geolocation
Camera, Media playback and Capture:(摄像头拍照录制等)
$ cordova plugin add org.apache.cordova.camera $ cordova plugin add org.apache.cordova.media-capture $ cordova plugin add org.apache.cordova.media
Access files on device or network (File API):(访问文件)
$ cordova plugin add org.apache.cordova.file $ cordova plugin add org.apache.cordova.file-transfer
Notification via dialog box or vibration:(提醒)
$ cordova plugin add org.apache.cordova.dialogs $ cordova plugin add org.apache.cordova.vibration
Contacts:(联系人)
$ cordova plugin add org.apache.cordova.contacts
Globalization:
$ cordova plugin add org.apache.cordova.globalization
Splashscreen:
$ cordova plugin add org.apache.cordova.splashscreen
Open new browser windows (InAppBrowser):
$ cordova plugin add org.apache.cordova.inappbrowser
Debug console:
$ cordova plugin add org.apache.cordova.console
相关文章推荐
- C程序内存管理
- PostgreSQL sort or not sort when group by?
- poj3071football【概率DP】
- PHP操作MySQL服务器
- C++:操作符
- Ubuntu15.04中测试安装的opencv2.4.9 时遇到usr/bin/ld: cannot find -lcufft解决方法。
- mysql创建触发器
- 创建类
- git命令自动补全
- 软件测试管理
- LINUX下图形界面切换到文本模式 以及~和/的区别
- linux中memset的正确用法
- latex 插入代码、代码框、代码配色
- JavaWeb三大组件——过滤器的运行机制理解
- londiste3 copy table' snapshot & PostgreSQL logical replication's snapshot 不同之处
- eclipse中导入项目后中文成乱码解决办法
- github如何删除一个repository(仓库)
- 经典测温电路
- 绘制模式之硬加速和软加速
- 跑Action Bank代码流程