cordova跨平台项目创建的方法

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