cordova跨平台项目创建的方法

本文介绍如何使用Cordova创建iOS跨平台项目,并集成cocoaPods管理第三方库。

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

Cordova的使用,详细的信息还是从官网上看的比较好。我这里只是总结下,我在创建cordova项目中的一些步骤。官网在持续的更新中。

这里已iOS项目的创建为版本进行说明

1.创建一个跨平台为中心的项目

     1.1 首先要配置好node环境。我已经安装了node.js 版本是5.1.0如果版本过低,在现在创建项目的时候会出错

           https://nodejs.org/en/  如果没有安装node.js就需要安装

     1.2  安装cordova。如果安装过cordova,再次创建项目的时候就不需要再次安装cordova了。

      sudo npm install -g cordova

    1.3 创建一个cordova项目

    cordova create PlugInSet com.example.pluginset PluginSetShow


  注释:

   PlugInSet 工程的文件夹的名字。

   com.example.pluginset bunderId 的名字

   PluginSetShow 工程的名字

   创建完成的工程默认为放到houst中,有个小房子的图标下。


 1.4 添加一个平台

    1.4.1  cd 到创建项目的文件夹路径  cd /Users/maxrocky/PlugInSet

     缺少这不会报错 Error: Current working directory is not a Cordova-based project.

    1.4.2 cordova platform add iOS

         如果想添加一个指定的版本号的。

        cordova platform add ios@3.9.0

        这样就创建的是的ios3.9.0的版本的工程


    创建成功:

    Adding ios project...

    iOS project created with cordova-ios@4.0.1

    Discovered plugin "cordova-plugin-whitelist" in config.xml. Installing to the project

    Fetching plugin "cordova-plugin-whitelist@1" via npm

    Installing "cordova-plugin-whitelist" for iOS

    这样一个以跨平台为中心的cordova项目就创建成果了。


1.5  给这个cordova项目集成cocoaPod

      1.5.1  如果以前有安装过cocoaPod 就可以执行。查看当前电脑上安装的cocoaPod的版本。

              pod —version 

      zhouzhouMacBookAir:PlugInSet maxrocky$ pod --version      0.39.0

    这就表示电脑已经安装了cocoapod了。 

   1.5.2 接下来是吧cocoapod集成到项目中。会需要一个podfile。 注意这里应该cd到iOS平台的目录下。

       cd到工程文件夹下,

       cd /Users/maxrocky/PlugInSet/platforms/ios  

方法一:

    vim Podfile  然后终端会进入到编辑状态,然后输入,

    platform:ios,’7.1’ 这个是表示客户端支持的平台,可以不写

    pod “AFNetworking”,”~>2.0”这里表示的是,你需要下载的第三方库。

    点击ESC退出编辑,:wq回车,就保存退出,这就生成了一个Podfile文件。

    接下来执行 pod install 就可以了。


方法二:

   如果想初始化一个空的podfile   

   可以执行 pod init     着个步骤之后,就生成了一个空的podfile文件

   然后pod install 就可以了。

   这里注意要修改podfile,不能用文本编辑之类的文件打开,要使用Sublime打开

   

  1.5.3 如果没有安装过cocoapod 可以安装cocoapod 

   a. sudo gem install cocoapods 这个命令会由于镜像源的问题报错

    会有一个地址:http://ruby.taobo.org/在这个地址中会查看到一些更好镜像的方法。

    或者去网址搜索一些cocoapod安装教程。http://www.jianshu.com/p/071d30a3af02


总结步骤

   (1)create cordovaPodDemo com.example.cordovaPodDemo CordovaPod    Creating a new cordova project.

   (2)cd /Users/maxrocky/cordovaPodDemo 

   (3)cordova platform add ios

       cordova platform add ios@3.9.0


      Adding ios project...

      iOS project created with cordova-ios@4.0.1

      Discovered plugin "cordova-plugin-whitelist" in config.xml. Installing to the project

      Fetching plugin "cordova-plugin-whitelist@1" via npm

      Installing "cordova-plugin-whitelist" for ios


1.6 使用cordova添加和删除插件

     

     添加: cordova plugin add /Users/maxrocky/Desktop/maxrocky-plugin-base64Image 

      /Users/maxrocky/Desktop/maxrocky-plugin-base64Image 自定义的插件的地址。

     插件列表: cordova plugin ls  可以的到插件列表

     cordova plugin rm "从插件列表中的到的id"

对于cordova跨平台方式的创建,插件的添加方案请参考如下网址(cordova的官网)

http://cordova.apache.org/docs/en/latest/guide/cli/index.html


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值