Cordova创建第一个App

转载 2018年04月16日 15:54:39

创建你的第一个App

这个指南像你展示如何创建JS/HTMLCordova应用并发布他们到不同的原生移动平台通过使用cordova命令行接口(CLI)。Cordova命令行详细参考查看[CLI参考]。

安装Cordova CLI

Cordova命令行工具作为npm包分发。

安装cordova命令行工具,通过下面这些步骤:

  1. 下载和安装Node.js。安装完成后你可以在命令行中使用node 和 npm 。

  2. (可选)下载和安装git client, 如果你没有。安装成功后,你可以在命令行中使用git。 这个命令行使用下载git仓库中的资源。

  3. 安装cordova 模块使用Nodejs的npm工具。cordova模块会被npm工具自动下载。

  • 在OS X和Linux上:

       $ sudo npm install -g cordova
    

    在OS X和Linux上, npm命令加上前缀sudo因为cordova可能需要安装在其他的受限制目录比如/usr/local/share。如果你使用可选工具nvm/nave或者具有安装目录的写权限,那么你可以省略sudo前缀。这里有更多提示 可用在使用 npm 没有 sudo前缀时,如果你想那么做。

  • 在Windows上:

       C:\>npm install -g cordova
    

-g标志是告诉 npm 我们全局安装 cordova。否则我们将会安装在当前工作目录的 node_modules子目录。

安装完成后,你应该能够在命令行中运行cordova命令,在没有任何参数的时候会打印一些帮助信息。


创建App

跳转到你维护源代码的目录中,并创建你的cordova项目:

$ cordova create hello com.example.hello HelloWorld

这将会为你的cordova应用创造必须的目录。默认情况下,cordova create命令生成基于web的应用程序的骨骼,项目的主页是 www/index.html 文件。

添加平台

所有后续命令都需要在项目目录或者项目目录的任何子目录运行:

$ cd hello

给你的App添加目标平台。我们将会添加'ios'和'android'平台,并确保他们保存在了config.xml中:

$ cordova platform add ios --save
$ cordova platform add android --save

联系我们

QQ:250187715 
QQ群:390736068


如何基于以太坊创建自己的数字货币

-
  • 1970年01月01日 08:00

创建你的第一个Cordova App

本教程教你如何使用cordova CLI创建一个Cordova App,并将它打包到各个手机平台。关于CLI命令更详细的内容请参考:Cordova CLI详情。 安装Cordova CLI Co...
  • GAMEloft9
  • GAMEloft9
  • 2016-03-25 16:19:02
  • 2474

Android Cordova创建人生第一个APP

本讲解讲述用cordova 创建人生第一个项目(demo) 1.创建App  注意:当第一次创建或编译项目的时候,可能系统会自动下载一些东西,需要一些时间 在cmd中输入 cord...
  • weixin_37730482
  • weixin_37730482
  • 2017-07-05 17:18:47
  • 252

利用 Cordova+Famous 创建高性能跨平台APP

智能机诞生到现在短短几年时间,我们的生活却发生了很大的变化,如今APP已融入我们生活的各个方面。随着市场的发展:消费者被培养得越来越理性与高要求,他们对缺少创新、诚意的产品兴趣在逐渐减低;市场的逐渐饱...
  • qq_29125535
  • qq_29125535
  • 2016-07-11 11:17:09
  • 749

使用ionic+cordova创建APP项目

一.创建项目  1.打开命令提示符窗口,在窗口中切换到你想要创建项目的路径下。 创建项目命令:ionic start  helloworld blank   (helloworld是你的项目名) ...
  • qq_31490071
  • qq_31490071
  • 2016-06-22 16:51:38
  • 1939

如何用cordova创建web app

今天在家没事做,瞎搞了一下apache cordova,感觉还是蛮有意思的哈哈哈。废话不多说。我们先来配置环境吧 (一)准备工作的准备工作 首先需要安装的工具有: JAVA的JDK;装完自行配置...
  • cmhinseu
  • cmhinseu
  • 2015-01-26 18:59:02
  • 718

创建Cordova项目

告别了原生开发,公司上个app应用就是使用Cordova集成开发,算是webApp了,调用了原生插件,主要Angularjs完成逻辑,H5写的界面。     自己封装过插件,调原生控件;学习Angul...
  • jujishou521
  • jujishou521
  • 2016-07-23 12:31:15
  • 2458

cordova app

  • 2015年09月20日 22:39
  • 8.44MB
  • 下载

cordova 设置桌面图标数字提示插件

 https://github.com/katzer/cordova-plugin-badge
  • farmwang
  • farmwang
  • 2017-10-26 14:40:35
  • 216

Android studio创建第一个app

转自:http://www.jb51.net/article/84882.htm 本文实例为大家介绍了Android studio创建第一个app的详细步骤,供大家参考,具体内容如下 ...
  • shellching
  • shellching
  • 2017-04-22 19:53:28
  • 1634
收藏助手
不良信息举报
您举报文章:Cordova创建第一个App
举报原因:
原因补充:

(最多只允许输入30个字)