一、安装
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