ios PhoneGap的使用(一、工程的创建)

前提是你已经有了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编写即可;   

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值