前提是你已经有了phoneGap的环境;
一、工程的创建
cordova create helloworld com.BJCA.helloworld helloworld
二、依赖插件的引入
1:进入到工程所在目录helloworld
cd helloworld
2:引入插件
//设备信息相关
cordova plugin add cordoba-plugin-device
//对话框
cordova plugin add cordova-plugin-dialogs
三、平台的建立
cordova platform add ios
效果:
ChenfydeMBP:helloworld Chenfy$ cordova platform add ios
Adding ios project...
Creating Cordova project for the iOS platform:
Path: platforms/ios
Package: com.BJCA.helloworld
Name: helloworld
iOS project created with cordova-ios@4.3.1
Installing "cordova-plugin-device" for ios
Installing "cordova-plugin-dialogs" for ios
Discovered plugin "cordova-plugin-whitelist" in config.xml. Adding it to the project
Fetching plugin "cordova-plugin-whitelist@1" via npm
Installing "cordova-plugin-whitelist" for ios
ChenfydeMBP:helloworld Chenfy$
之后就可以在platform看到iOS的工程了;
一、创建的整体的文件目录结构,如下图:
工程目录结构说明:
helloworld:
这是工程的base根工程,早期编写代码可以在此编写(用浏览器调试),
写好之后在创建各个不同平台的platform(程序包)即可;
//config.xml
这里记录一些工程的基本信息;
//hooks
具体功能还不清楚;
//platform
在此创建针对不同平台的程序包;
//plugins
引入的phoneGap插件;
//WWW
页面展示部分代码编写区;
二、创建的platform目录,如下图:
工程目录结构说明:
ios目录:
在程序开发基本完成时,add platform iOS会产生这样一个程序包目录,
针对iOS的工程,可以做一些其他的配置、代码编写;
//cordova
phoneGap的一些脚本配置项,不用处理;
//CordovaLib
phoneGap的功能库,可以引入源文件,也可以打成.a库引入;(不用处理)
//helloworld
phoneGap的iOS原生类的实现及一些相关配置;
//helloworld.xcworkspace
双击打开即可编写iOS相关代码;
//ios.json
ios的插件配置项;
//platform_www
这是平台的展示页面的代码,不用处理;
//www
iOS的相关代码的编写区域,在里面的index.html编写即可;