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

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

  1. npm install -g cordova

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

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

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

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

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

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

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

  • 确保Android SDK以及ant编译工具已经安装,如果尚未安装,可以从Android SDK下载
  • 使用终端或者cmd工具,确认在workshop目录下添加Android支持
  1. 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

  1. cordova plugin add cordova-plugin-device
  2. 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. 继承control的自定义TextBox

    继承control的自定义TextBox 下面来介绍一下本人写的一个自定义的textbox,首先说一下写这个控件遇到的几个难点:第一.关联输入法:第二.画字符串和焦点线 先随便上两张效果图吧: 下面这 ...

  2. python文件的中文处理以及个人思路

    环境:ubuntu12.04 python2.7  涉及:ascii,utf-8,gbk,gb2312 首先说下个人处理过程中遇到的问题: 任务是这样:有大概4000个txt,将他们合并到一个文件里, ...

  3. javac命令

    javac命令 javac命令初窥 注:以下红色标记的参数在下文中有所讲解. 用法: javac <options> <source files> 其中, 可能的选项包括:   ...

  4. 12、Python-网络编程

    1.套接字1.1 socket模块套接字是网络编程中的一个基本组件,一般包括服务器端套接字和客户端套接字. 创建服务器端过程如下: import socket s = socket.socket() ...

  5. Visual Studio属性配置中使用宏

    在学习C语言的时候,我们曾经遇到过一个宏的概念.宏的作用机理本质上是宏的展开,C语言中的宏的用法也有很多种(水其实很深...),不过从感觉上来讲,人们大致上会在以下的场景中,利用宏来解决一些窘境:一是 ...

  6. Js-Html 前端系列--全选,反选

    /* 全选 */ $("#selectedAll").click(function(){ var boxcList = $(".boxc");var boxcL ...

  7. OC之OC与C的比较

    1. 从编写.编译.链接的流程. 1). 创建1个.m的源文件. 2). 在这个文件中写上符合OC语法规范的源代码. 3). 编译. a. 预编译: 执行预处理代码. b. 检查语法. c. 生成目标 ...

  8. .Net多线程编程—同步机制

    1.简介 新的轻量级同步原语:Barrier,CountdownEvent,ManualResetEventSlim,SemaphoreSlim,SpinLock,SpinWait.轻量级同步原语只能 ...

  9. 微信小程序-scroll-view隐藏滚动条

    在书写网页的时候,往往会为了页面的美观,而选择去掉滚动区域默认的滚动条,而在这里,就是为小程序去掉滚动条的其中的一种方法: scroll-view.wxml: scroll-view.wxss scr ...

  10. iOS 让UIButton根据文字内容自动计算宽高

    Xcode自带的UIButton控件是没有办法根据文字内容计算自身的宽和高的,下面演示一下问题, 我用代码方式创建一个UIButton,并且设置了一些属性,下面看一下效果图 一切都是这么的美好,跟我们 ...