cordova创建第一个iOS程序实例

本文详细介绍使用Cordova创建iOS应用程序的步骤,包括环境搭建、项目创建、平台添加及插件安装等内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

本文为自己整理的cordova创建第一个iOS程序相关步骤:

注:前提是已经安装好cordova环境。

第一步:进入你准备创建cordova的路径(目录)

cd 你的目录 

第二步:创建cordova项目

cordova create maple com.example.maple MapleWorld

参数解释:

maple -> 文件夹的名字

com.example.maple -> 程序id名,类似于xcode创建时选择的Bundle。后期可以在config.xml中修改

MapleWorld -> app显示的名称,后期可以在config.xml中修改

成功的标示为出现以下内容:

Creating a new cordova project.

第三步:添加iOS支持平台

cordova platform add ios

成功的标示为出现以下内容:

Adding ios project...

Creating Cordova project for the iOS platform:

Path: platforms/ios

Package: com.example.maple

Name: MapleWorld

iOS project created with cordova-ios@4.2.1

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

第四步:成功之后,选中运行程序

完成后可以看到platforms文件夹下面增加了以下路径:
|--platforms
||--platforms.json
||--ios/
|||--cordova/
|||--CordovaLib/
|||--ios.json
|||--MapleWorld/
|||--platform_www/
|||--www/
|||--MapleWorld.xcodeproj
 
可直接打开MapleWorld.xcodeproj工程在Xcode中进行编译和运行

-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

给项目添加cordoba-plugin-console插件:目的是可以在 Xcode的console打印输出

(1)在“终端”中进入项目文件夹
(2)输入如下命令:

cordova plugin add cordova-plugin-console





Cordova简介 【http://cordova.apache.org/docs/en/latest/guide/overview/】 Cordova是一个开源的移动终端开发框架,它提供使用html,css,javascript 技术进行跨平台开发能力,并且封装了一组javascript接口实现访问摄像头,地理定位,存储,网络状态等移动终端的硬件属性。 Android开发平台配置步骤 1. Jdk安装配置。 安装jdk1.7。 配置jdk的系统变量。 添加JAVA_HOME变量: C:\Program Files\Java\jdk1.7.0_79 添加CLASSPATH变量: .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar Path变量 里面添加内容: %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin; 2.adroid sdk安装配置。 1)安装sdk, http://www.cnblogs.com/bjzhanghao/archive/2012/11/14/android-platform-sdk-download-mirror.html 2)配置变量 添加ANDROID_SDK_HOME变量: C:\Program Files (x86)\Android\android-sdk Path变量 里面添加内容: %ANDROID_SDK_HOME%\platform-tools;%ANDROID_SDK_HOME%\\tools; 3)下载 Android -API: 打开android sdk manager 窗口下载anroid 6 和android 5.0 api。 下载失败解决方法,在android sdk manager 界面tools菜单 ->options 窗口,进行如下设置: http proxy server :mirrors.opencas.cn; http proxy port :80; 选项框选中 force https://..sources to fetched using http://...; 3.eclipse安装配置。 1)下载eclipse工具。 2)下载安装adt插件。http://dl.google.com/android/ADT-21.0.0.zip 在eclipse界面的help菜单-》install new software,打开安装窗口,点击add按钮,弹出add repository窗口,点击archive按钮,选中 ADT-21.0.0.zip文件,完成安装。 Android开发模式 打开eclipse导入工程,在MainActivity项目里打开assets\www目录,里面就是相关就是有个WEB开发的相关文件,可以添加js,css,html完成相关业务功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值