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. 原生Js封装的弹出框-弹出窗口-页面居中-多状态可选

    原生Js封装的弹出框-弹出窗口-页面居中-多状态可选   实现了一下功能: 1.title可自定义 可拖拽 2.width height可以自定义 3.背景遮罩和透明度可以自定义 4.可以自己编辑弹出 ...

  2. OOC,泛型,糟糕的设计。

    虽然大部分都在谈ooc的编译器设计,但更多的内容在于程序设计的思想,复杂度,维护上面.我希望这篇文章能对读者有哪怕一丁点的帮助. 这篇文章遵循CC-BY-NC. = OOC,泛型,与那些糟糕的设计 原 ...

  3. Power BI官方视频(4) Power BI Desktop 2017年首次更新先睹为快

    在过去的2016年,Power BI Desktop在功能上进行了很多改进和更新,产品迭代速度非常快,基本是每个月一个版本.过去的一年,我们期待的Power BI中国区服务已经可以在世纪互联购买和使用 ...

  4. python之路 - 基础3

    1.字符串处理 name = "my name is jiachen" #首字母大写 print (name.capitalize()) #统计字母出现次数 print (name ...

  5. js实现表格的增删改查

    这份代码实现了对表格的增加,删除,更改,查询. 点击一次添加按钮,表格会增加一行. 点击重置按钮,输入框的内容会被清空. 添加一行后,最后两格为更改和删除.点击更改,原有内容会各自显示在一个输入框内, ...

  6. 距离VR时代的真正到来还有多久?

    2016年被称为是VR元年,各大VR设备商的宣传攻势铺天盖地,众VR产品看的人眼花缭乱.随着平民化进程不断推进以及渗透率的提升,VR成为近两年来最引人关注的焦点,在众多领域的共同作用下,VR时代是否即 ...

  7. D3.js:交互式操作

    用户用于交互的工具一般有三种:鼠标.键盘.触屏. 1. 添加交互 对某一元素添加交互操作十分简单,代码如下: //画布大小 var width = 500, height = 500; // 在bod ...

  8. 【锋利的Jquery】读书笔记五

    jquery表单 表格操作 表单从基本的得到和失去焦点表单验证 <script type="text/javascript"> $(function(){ $(&quo ...

  9. 安卓---android:versionCode和android:versionName 用途

    主要用于升级和自我识别,转自:http://blog.csdn.net/wh_19910525/article/details/8660416 Android的版本可以在androidmainfest ...

  10. vue+webpack构建项目

    概述 -- 项目中会用到的插件 vue-router vue-resource 打包工具 webpack 依赖环境 node.js start 安装vue开发的模板 # 全局安装 vue-cli $ ...