C3－Cordova环境搭建和项目创建

一、Cordova环境搭建

       1》安装Node.js

　　　　地址：Node.js

       2》使用npm在终端安装Cordova环境

           $ sudo npm install -g cordova

            补充：npm使用出现问题，可参考PhoneGap环境的搭建文章。

二、创建基于Cordova的项目

　　1、创建项目

// 文件夹名、boundleID、工程名
$ cordova create hello com.example.hello HelloWorld

　　2、添加平台

// 以下命令均在项目文件夹下操作
$ cd hello

// Mac环境下可使用
$ cordova platform add ios
$ cordova platform add amazon-fireos
$ cordova platform add android
$ cordova platform add blackberry10
$ cordova platform add firefoxos

// windows环境下可使用
$ cordova platform add wp7
$ cordova platform add wp8
$ cordova platform add windows8
$ cordova platform add amazon-fireos
$ cordova platform add android
$ cordova platform add blackberry10
$ cordova platform add firefoxos

　　3、查看当前

// 查看当前以创建项目的平台，和支持创建项目的平台
$ cordova platforms ls

　　4、删除项目

// platform 和 platforms 命令是同义语
$ cordova platform remove blackberry10
$ cordova platform rm amazon-fireos
$ cordova platform rm android

　　5、以迭代方式生成项目

$ cordova build

// 指定项目平台
$ cordova build ios

// 以下命令与上相同
$ cordova prepare ios
$ cordova compile ios

　　6、添加插件功能

// 1、搜索插件
// 搜索bar code
$ cordova plugin search bar code
// 找到如下插件
com.phonegap.plugins.barcodescanner - Scans Barcodes
// 搜索bar code
$ cordova plugin search bar
// 找到如下插件
org.apache.cordova.statusbar - Cordova StatusBar Plugin

// 2、添加插件
// 基本设备信息 （设备 API）：
$ cordova plugin add org.apache.cordova.device

// 网络连接和电池事件：
$ cordova plugin add org.apache.cordova.network-information
$ cordova plugin add org.apache.cordova.battery-status

// 加速度计、 指南针、 和地理定位：
$ cordova plugin add org.apache.cordova.device-motion
$ cordova plugin add org.apache.cordova.device-orientation
$ cordova plugin add org.apache.cordova.geolocation

// 相机、 媒体回放和捕获：
$ cordova plugin add org.apache.cordova.camera
$ cordova plugin add org.apache.cordova.media-capture
$ cordova plugin add org.apache.cordova.media

// 访问设备或网络 （文件 API） 上的文件：
$ cordova plugin add org.apache.cordova.file
$ cordova plugin add org.apache.cordova.file-transfer

// 通过对话框或振动发出通知：
$ cordova plugin add org.apache.cordova.dialogs
$ cordova plugin add org.apache.cordova.vibration

// 联系人：
$ cordova plugin add org.apache.cordova.contacts

// 全球化：
$ cordova plugin add org.apache.cordova.globalization

// 闪屏：
$ cordova plugin add org.apache.cordova.splashscreen

// 打开新的浏览器窗口 (InAppBrowser):
$ cordova plugin add org.apache.cordova.inappbrowser

// 调试控制台：
$ cordova plugin add org.apache.cordova.console

　　7、删除插件

// 1、使用 plugin ls （或 plugin list ，或 plugin 本身） 查看当前已安装的插件。每个显示由其标识符：
    $ cordova plugin ls    # or 'plugin list'

// 2、若要删除某个插件。
    $ cordova plugin rm org.apache.cordova.device
    $ cordova plugin remove org.apache.cordova.device

// 3、你可以批量删除或添加的插件通过指定多个参数的每个命令：
    $ cordova plugin add org.apache.cordova.console org.apache.cordova.device

　　8、高级插件选项

// 1、@后面指定版本号，latest表示最新版本。
    $ cordova plugin add org.apache.cordova.console@latest
    $ cordova plugin add org.apache.cordova.console@0.2.1

// 2、git资源库地址
    $ cordova plugin add https://github.com/apache/cordova-plugin-console.git

// 3、git分支
    $ cordova plugin add https://github.com/apache/cordova-plugin-console.git#r0.2.0

// 4、git子目录
    $ cordova plugin add https://github.com/someone/aplugin.git#:/my/sub/dir

// 5、git分支子目录
     $ cordova plugin add https://github.com/someone/aplugin.git#r0.0.1:/my/sub/dir

// 6、指定一个本地路径，包含插件plugin.xml文件：
    $ cordova plugin add ../my_plugin_dir

　　9、帮助

// 1、帮助相关命令
    $ cordova help
    $ cordova        
    $ cordova info
// 注： 目前，仅在 iOS 和 Android 平台上的详细信息可用。

// 2、更新cordova到最新版本通过运行以下命令：
    $ sudo npm update -g cordova

// 3、使用此语法来安装特定的版本：
    $ sudo npm install -g cordova@3.1.0-0.2.0

// 4、运行 cordova -v 查看当前运行的版本。 运行 npm info 命令，查看当前版本以及其他可用的版本号：
    $ npm info cordova

// 5、确保您的项目资源符合最新的版本要求：
    $ cordova platform update android
    $ cordova platform update ios
    ...etc.

官方文档地址：http://cordova.apache.org/docs/en/5.4.0/guide/cli/index.html