1. 下载或者更新Node.js到最新版本
  2. 在电脑终端输入命令来安装Cordova CLI
sudo npm install -g cordova

如果使用Windows电脑,需要在使用cmd命令行输入

npm  install -g cordova

如果已经安装过Cordova,使用下面的命令更新到最新版本

npm update -g cordova
  1. 使用cd命令进入你准备存放项目的文件夹
  2. 使用Cordova CLI在workshop目录下生成一个名字为Workshop的项目
cordova create workshop com.yourname.workshop Workshop

Tips:使用上面的命令系统会自动生成workshop目录

  1. 使用cd命令进入workshop文件夹
cd workshop
  1. 添加iOS平台支持(可选项:仅开发iOS应用需要)

Tips: 如果要编译iOS程序,必须安装iOS SDK。

  • 确认系统已经安装了iOS SDK
  • 在终端中确认在workshop目录下,使用下面都命令添加iOS平台支持
cordova platforms add ios
  1. 添加Android平台支持(可选项:仅开发Android应用需要)

Tips:如果要编译Android程序,必须安装Android SDK

  • 确保Android SDK以及ant编译工具已经安装,如果尚未安装,可以从Android SDK下载
  • 使用终端或者cmd工具,确认在workshop目录下添加Android支持
cordova platforms add android
  1. 使用终端或者cmd在workshop目录下,添加cordova插件

tips:从2015年7月15日起:插件模式由org.apache.cordova.*变更为cordova-plugin-*,继续使用org.apache.cordova.*会产生404错误:Error: Registry returned 404 for GET on https://registry.npmjs.org/org.apache.cordova.device

cordova plugin add  cordova-plugin-device
cordova plugin add conrova-plugin-console
  1. 熟悉workshop项目目录结构
  • www目录存放html/javascript应用,index.html是默认主页
  • platforms目录是cordova根据变异平台自动调用都环境,不要去编辑这些文件
  • plugin目录存放插件
  • config.xml存放应用配置数据

Tips:[原文链接]http://ccoenraets.github.io/cordova-tutorial/create-cordova-project.html

【翻译】创建Cordova项目的更多相关文章

  1. 创建Cordova项目 报错Error: Unhandled "error" event

    cordova版本7.0以上版本 创建cordova项目错误信息 Error: Unhandled "error" event. (  Error from Cordova Fet ...

  2. Cordova+vue 混合app开发(一)创建Cordova项目

    简介: Cordova包装你的HTML/JavaScript app到原生app容器中,可以让你访问每个平台设备的功能.这些功能通过统一的JavaScript API提供,让你轻松的编写一组代码运行在 ...

  3. 创建 cordova 项目

    1. 安装 node.js 2.安装 cordova : npm install -g cordova 3.创建 安卓项目: cordova create <项目路径>  <包名&g ...

  4. 创建cordova项目

    PhoneGap是一套能让你使用HTML5轻松调用本地API接口和发布应用到商店的应用开发平台.官方说有低成本,低开发周期,轻量化等优点,这些咱暂时也没法证明,略过不表.但是有一条跨平台,却是很明显的 ...

  5. Cordova之如何用命令行创建一个项目(完整示例)

    原文:Cordova之如何用命令行创建一个项目(完整示例) 1. 创建cordova项目 (注意:当第一次创建或编译项目的时候,可能系统会自动下载一些东西,需要一些时间.) 在某个目录下创建cordo ...

  6. Android H5混合开发(1):构建Cordova 项目

    Cordova是什么 Apache Cordova是一个开源的移动开发框架.允许你用标准的web技术-HTML5,CSS3和JavaScript做跨平台开发. 以移动平台为例,安卓.IOS平台设备的常 ...

  7. vue和cordova项目整合打包,并实现vue调用android的相机的demo

    经过网上查找很多资料,发现很多只有vue+cordova的项目整合,但是vue使用cordova插件的文章很少,现在把从创建cordova和创建vue到vue使用插件到项目打包到android手机运行 ...

  8. eclipse导入cordova创建的项目

    eclipse导入cordova创建的项目 看图不说话 run这个MainActivity就可以了,bin目录下会生成APK

  9. 瞎折腾之 VS2013 Cordova项目的创建与配置

    扯淡 什么是Cordova ? 网上查询的说明: Cordova是贡献给Apache后的开源项目,是从PhoneGap中抽出的核心代码,是驱动PhoneGap的核心引擎.你可以把他想象成类似于Webk ...

随机推荐

  1. [wp8游戏] cocos2d-x v2.2 + VS2013 环境搭建

    [wp8游戏] cocos2d-x v2.2 + VS2013 环境搭建 by:唐小崇 http://www.cnblogs.com/tangchong 从cocos2d-x v2.1.4 以来,co ...

  2. 编程实战——电影管理器之界面UI及动画切换

    编程实战——电影管理器之界面UI及动画切换 在前文“编程实战——电影管理器之利用MediaInfo获取高清视频文件的相关信息”中提到电影管理器的目的是方便播放影片,在想看影片时不需要在茫茫的文件夹下找 ...

  3. PostgreSQL数据的导出导入 save your data!

    PostgreSQL数据的导出导入 导出PostgreSQL数据库中的数据: $ pg_dump -U postgres  -f mydatabase.sql  mydatabase 导入数据时首先创 ...

  4. Servlet部署描述文件(web.xml)

    最近看了下配置文件(Deployment Descriptor:简称DD),又称部署描述文件,下面详细介绍下该文件的组成和作用: 一.<web-app>有四个属性: 1.xmlns:申明了 ...

  5. Eclipse代码自动提示设置

    以前百度过如何设置Eclipse代码自动提示,但是本人记性不好,所以把这个方法写成一篇日志,这样以后就不用百度了,直接看自己的博客就是了,而且还增加了自己博客的点击量.以下是从各个地方看到总结的方法: ...

  6. 结构-行为-样式 - Angularjs 环境下Ztree结合JqueryUI实现拖拽

    新的项目中有一个需求是要求客户标签可以自定义,于是就想到了客户体验,让客户自己拖拽标签进行组合查询.但是理想很丰满,现实很骨感.一开始就遇到了问题,各个插件之间的结合问题,折腾一翻之后终于实现了这个功 ...

  7. [ios2] 获取mac地址 等唯一标识

    - (NSString *) macaddress{        int                 mib[6];    size_t              len;    char    ...

  8. ruby web性能响应时间

    可以统计单个web页面加载时间. require 'watir-webdriver' require 'watir-webdriver-performance' b = Watir::Browser. ...

  9. SQL sever 创建定时执行任务

    在SQL的使用过程中,我们经常要做些数据备份以及定时执行的任务. 这些任务能够帮助我们简化工作过程. 下面我们了解下如何创建一个定时执行的存储过程. 首先我们要打开 SQL server 代理服务 选 ...

  10. Java 并发 中断线程

    Java 并发 中断线程 @author ixenos 对Runnable.run()方法的三种处置情况 1.在Runnable.run()方法的中间中断它 2.等待该方法到达对cancel标志的测试 ...