1. 环境配置
1.1 常用框架
- jQuery
- Backbone.js
- dojo
- bootstrap
- kendo UI
- Sencha
- jQuery Mobile
- PhoneJS
- AngularJS
- ICENIUM
1.2 Node.js
下载并安装nodejs
1.3 iOS
下载Xcode
打开Xcode
1.4 Android
将E:adtsdkplatform-tools和E:adtsdk ools加入到环境变量中去。
2 安装PhoneGap
2.1 安装PhoneGap
npm install -g phonegap
安装过后通过phonegap -v看是否安装成功
2.2 安装cordova
npm install -g cordova
通过cordova -v来查看是否成功
一般安装phonegap即可
3 使用PhoneGap和Cordova
3.1 创建项目
>phonegap create project_name project_id display_name
或者使用cordova创建：
>cordova create project_name project_id displayname
3.2 应用结构
- hooks
- platforms:平台
- plugins: 插件
- www：应用代码目录
3.3 build
>phonegap build android
>phonegap build ios
或者使用cordova命令
>cordova platform add android
>cordova build android
>cordova platform add ios
>cordova build ios
>cordova build
如果想要移除某个平台
>cordova platform remove android
4 测试
4.1 iOS测试
>sudo npm install -g ios-deploy
>sudo npm install -g ios-sim
>phonegap run ios
4.2 Android测试
>phonegap run android
4.3 cordova
>cordova run android
5 插件
5.1 安装插件
>phonegap plugin add org.apache.cordova.device
或者直接使用url
5.2 移除插件
>phonegap plugin remove org.apache.cordova.device
5.3 查看安装的插件
>phonegap plugin list
6 合并
7 Hooks
before_prepare, before_build, before_install, 等
after_prepare, after_build, after_build, etc
>cordova prepare
8 编译部署
8.1 phoneGap build
>phonegap remote login -u username -p password
>phonegap remote build android
8.2 phonegap serve
>phonegap serve #能直接运行
9 下一步
- grunt-phonegap