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

阅读更多
文章标签: cordowa
个人分类: JavaScript
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

Cordova - 安装和使用

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭