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. Visual Studio 2012设置Jquery/Javascript智能提示

    Visual Studio 2012设置Jquery/Javascript智能提示 在Visual Studio 2008 Visual Studio 2010中微软已经开始支持jquery/java ...

  2. ArrayList 、LinkList区别以及速度对比

    概论 1.ArrayList是实现了基于动态数组的数据结构,LinkedList基于链表的数据结构.      2.对于随机访问get和set,ArrayList优于LinkedList,因为Arra ...

  3. response.addCookie(cookie)添加cookie失败.

    两个if循环能进来,创建的两个cookie也能通过控制台输出.  但是却添加失败. 原因是:request.getRequestDispatcher("/MainFrame").f ...

  4. Ch2 空间配置器(allocator) ---笔记

    2.1 空间配置器的标准接口 allocator的必要接口: allocator::value_type allocator::pointer allocator::const_pointer all ...

  5. maven之(六)setting.xml的配置文件详解

    setting.xml配置文件 maven的配置文件settings.xml存在于两个地方: 1.安装的地方:${M2_HOME}/conf/settings.xml 2.用户的目录:${user.h ...

  6. 文档在线预览开源实现方案三:OpenOffice + PDFRenderer + js

    之前的方案无法很好地解决异构平台及不同浏览器的兼容性问题,如方案一需要客户端浏览器支持flash而移动端浏览器无法支持这点,虽然移动端浏览器支持方案二,但是一些老版本的IE浏览器无法支持,例如IE8就 ...

  7. 排序 之 快排、归并、插入 - <时间复杂度>----掌握思想和过程

    俗话说:天下武功无坚不破,唯快不破.对于算法当然也是要使用时间最短.占用空间最小的算法来实现了. 注意:我代码里面打的备注仅供参考,建议不要背模板(因为没有固定的模板),可以写一个数列按着代码跑两圈或 ...

  8. 微信小程序推荐

    工具类 快递100助手:查快递,寄快递. 驾考帮手:为您提供科目一.科目四的测试题练习. 翻译e:多国语言在线翻译,中英.中日.中俄.中法快速翻译,专业翻译. 朝夕日历Pro:一个日历管理 app,你 ...

  9. java生成图片

    在一张图片上绘制别的图片以及文字. public String GenerateImage(WebCast_baseinfo base,String code,String customName,St ...

  10. 【转】python删除文件里包含关键词的行

    import shutil with open('/path/to/file', 'r') as f: with open('/path/to/file.new', 'w') as g: for li ...