Cordova - 安装和使用

一、安装

1. 安装Node.js，安装后，就可以在/usr/bin目录中找到node和npm这两个命令。

Node.js was installed at

   /usr/local/bin/node

npm was installed at

   /usr/local/bin/npm

Make sure that /usr/local/bin is in your $PATH.

2. 安装git命令行工具。

3. 打开终端，执行以下命令，等待执行完成后，可以看到终端输出信息。

     $ sudo npm install -g cordova

   

     npm WARN engine xmlbuilder@2.2.1: wanted: {"node":"0.8.x || 0.10.x"} (current:     

     {"node":"4.2.1","npm":"2.14.7"})

     /usr/local/bin/cordova -> /usr/local/lib/node_modules/cordova/bin/cordova

     cordova@5.3.3 /usr/local/lib/node_modules/cordova

├── underscore@1.7.0

├── q@1.0.1

├── nopt@3.0.1 (abbrev@1.0.7)

└── cordova-lib@5.3.3 (valid-identifier@0.0.1, unorm@1.3.3, osenv@0.1.0, properties-

     parser@0.2.3, bplist-parser@0.0.6, semver@4.3.6, shelljs@0.3.0, cordova-app-hello-world@3.9.0,     

     npm@2.14.8, dep-graph@1.1.0, rc@0.5.2, xcode@0.8.0, elementtree@0.1.6, npmconf@2.1.2,

     tar@1.0.2, glob@5.0.15, request@2.47.0, plist@1.1.0, init-package-json@1.9.1, cordova-registry-

     mapper@1.1.12, cordova-serve@0.1.3, aliasify@1.8.0, cordova-js@4.1.1)

4. 在终端中输入cordova命令，若出现该命令的帮助信息，则cordova安装成功。

二、使用

1. 在终端中，进入新建的工程目录，如workspace/cordovaProject/，然后输入以下命令：

     $ cordova create hello      com.example.hello HelloWorld

                              目录名   包名                        工程名（App的标题）

      执行完毕后，会在该目录中看到以下cordova的目录结构。                           

   

2. 添加Platform。

     在确保机器中有相对应平台的SDK，然后就可以在刚才cordova建的目录里面添加平台。

     $ cd hello

     $ cordova platform add ios

     $ cordova platform add android

     

     执行以上命令后，可以看到工作目录里面增加了这两个平台的工程文件。

注意：

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 wp8                //这是windows平台独有的

    $ cordova platform add windows
    $ cordova platform add amazon-fireos
    $ cordova platform add android
    $ cordova platform add blackberry10
    $ cordova platform add firefoxos

执行以下命令，可以查看当前环境的Platform情况：

     $ cordova platforms ls

     Installed platforms: android 4.1.1, ios 3.9.1

     Available platforms: amazon-fireos, blackberry10, browser, firefoxos, osx, webos

3. Cordova会不断地把www目录中的文件复制到各平台工程中，因此如果要修改www中的文档内容，不要单独在平台工程中修改，而应该在www目录下修改，且www目录应该纳入源码控制的范围内。

4. 修改{PROJECT_HOME}/www目录中的css、js和html，以此完成整个项目的开发。在修改该目录后，需要在{PROJECT_HOME}目录下，执行以下命令以部署www中的文件到各平台。

     $ cordova prepare

5. 执行以下命令以删除对应平台的目标项目文件。

     $ cordova platform rm ios

     $ cordova platform rm android