关闭

Cordova - 安装和使用

标签: cordowa
385人阅读 评论(0) 收藏 举报
分类:
一、安装
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

0
0

猜你在找
【直播】机器学习&数据挖掘7周实训--韦玮
【套餐】系统集成项目管理工程师顺利通关--徐朋
【直播】3小时掌握Docker最佳实战-徐西宁
【套餐】机器学习系列套餐(算法+实战)--唐宇迪
【直播】计算机视觉原理及实战--屈教授
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之矩阵--黄博士
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之凸优化--马博士
【套餐】Javascript 设计模式实战--曾亮
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:31719次
    • 积分:931
    • 等级:
    • 排名:千里之外
    • 原创:62篇
    • 转载:5篇
    • 译文:2篇
    • 评论:0条