摘要:

最近闲来无事就把以前做的cordova项目整理了下,发现网上很少有详细完整的配置教程,所以自己就总结了下分享给大家。

项目地址:https://github.com/baixuexiyang/hybrid

环境搭建:

1.安装node.js
下载安装node.js,https://nodejs.org/en/,安装cordova时需要使用。安装完成之后在终端(win+r,cmd)执行node -v,如果看到如下图所示的版本号表示安装成功。

2.安装ant
下载连接:http://apache.dataguru.cn//ant/binaries/...,下载完成之后解压到你想安装的目录,比如D:\ant。然后将目录添加到系统变量里,步骤如下:右击我的电脑,点击属性,左侧菜单点击高级系统设置,在弹窗中点击环境变量,然后在用户变量中添加变量ANT_HOME,值为D:\ant,添加变量path,值为D:\ant\bin,添加变量classpath,值为D:\ant\lib。
配置好之后在终端输入ant -v,如果出现如下图所示则表示成功。

3.安装cordova
在终端执行下面命令

npm install -g cordova

测试安装是否成功,终端输入cordova -v,如果出现如下如所示提示表示安装成功

注意:有时候我们安装成功了,但是执行cordova命令提示不是内部或外部命令,这时候需要在环境变量中配置我们的全局npm路径,在用户变量里找到path,如果没有就新建,添加值为C:\Users\admin\AppData\Roaming\npm(找到自己对应的npm目录)

4.安装jdk
下载http://www.oracle.com/technetwork/java/j...,选择自己的版本

5.安装sdk
不同的cordova版本对应不同的sdk版本,我装的sdk为5.1.1。
下载sdk,http://www.oracle.com/technetwork/java/j...,这里有详细的安装步骤(http://www.cnblogs.com/zoupeiyang/p/4034...

注意:安装硬件加速,需要修改BIOS的virtualization technology为true,模拟器启动不起来,去掉hardware。

如果以上都已经完成了,那恭喜你环境配置成功了!

创建第一个应用:

1.在终端进入你想要创建的目录,执行下面的命令:

cordova create first com.example.first firstApp

cordova creat是创建项目的命令,紧接着first为目录,com.example.first为命名空间,firstApp为app名称

2.添加平台

 cd first
cordova platform add android

添加android平台,下载可能会比较慢

3.编译app

cordova build android

编译android系统,最后如果看到build successful,就可以了

4.运行app

模拟器上运行

cordova emulate android

浏览器上运行

cordova serve android

浏览器访问http://localhost:8000即可

真机上运行

cordova run android

恭喜你第一个应用程序完成了!

常用命令:

1、创建应用

cordova create first com.example.first firstApp

2、添加平台

cordova platform add android
cordova platform add ios
cordova platform add amazon-fireos
cordova platform add blackberry10
cordova platform add firefoxos

3、查看平台

cordova platforms ls

4、删除平台

cordova platform remove android
或者
cordova platform rm android

5、打包app

cordova build android

6、运行app

cordova emulate android
cordova serve android
cordova run android

总结:

hybrid app相对native app来说开发起来速度快,相对容易,但是没有native那么流畅,性能和体验稍微差些。并且文件大小相差也很大,同样一个应用native只要几k,二hybrid却要几兆。

下面是我自己分别使用cordova和phonegap开发的新闻应用,欢迎大家安装使用。
https://github.com/baixuexiyang/hybrid

超详细cordova环境配置(windows)及实例的更多相关文章

  1. AndroidStudio开发环境配置-Windows

    Android Studio开发环境配置-Windows 最近突发奇想,开始研究Android开发.开始时使用Eclipse作为开发IDE,结果各种不好使,首先下载和安装SDK,以及不同版本的Imag ...

  2. 【机器学习】利用 Python 进行数据分析的环境配置 Windows(Jupyter,Matplotlib,Pandas)

    环境配置 安装 python 博主使用的版本是 3.10.6 在 Windows 系统上使用 Virtualenv 搭建虚拟环境 安装 Virtualenv 打开 cmd 输入并执行 pip inst ...

  3. phonegap(cordova)环境配置

    首先要配置好  java jdk 和 java jre 环境 配置之后 控制台  javac -version 查看是否配置成功 然后配置 Android sdk 配置之后 控制台 输入 adb 查看 ...

  4. jdk环境配置-windows 10

    近期由于云服务器到期,重新买了一个云服务器,这里顺便把jdk环境配置步骤做一个记录 1.下载自己需要的jdk 我这里是下的免安装版的  2.计算机(此电脑)->属性->高级系统设置-> ...

  5. ionic 开发APP 安装配置详解以及 cordova 环境配置详细过程

    整个安装过程:     1. jdk 1.7.2   (http://www.oracle.com/technetwork/java/javase/downloads/index.html) 安装好之 ...

  6. 安装ionic 以及 cordova 环境配置详细过程,(错误解决)

    [摘要:全部装置进程: 1. jdk 1.7.2 (http://www.oracle.com/technetwork/java/javase/downloads/index.html) 装置好以后 ...

  7. Hybrid app(cordova) 环境配置记录

    node版本管理 NVM 安装过程 由于最新版 node 不兼容部分功能,所以需要安装 nvm 切换 node 版本 在 https://github.com/coreybutler/nvm-wind ...

  8. 超详细 VS Code 配置C/C++教程

    写在前面 如果您使用的电脑内存 \(\leq 4 \texttt{GB}\),建议您使用Dev-C++,否则会到时内存占用爆满,体验感不佳. 网上的很多教程都不够详细,这里我把每一步.每一个操作都详细 ...

  9. OpenGL开发环境配置-Windows/MinGW/Clion/CMake

    因为某些原因,不想用过于臃肿的VS了,转而使用常用的jetbrains的CLion,Clion沿袭了jetbrans的优良传统,基本代码提示功能还是比较好的,不过就是对于windows不熟悉cmake ...

随机推荐

  1. 20135316王剑桥 linux第七周课实验笔记

    第十章.程序间的交互和通信 输入/输出(I/O)是在主存和外部设备之间拷贝数据的过程.输入操作是从I/O设备拷贝数据到主存,而输出操作是从主存拷贝数据到I/O设备. 输入:从I/O拷贝到主存,输出:从 ...

  2. Jenkins进阶系列之——02email-ext邮件通知模板

    发现一个很好的邮件通知模板,根据我的需求定制了一些.分享一下. Default Subject: 构建通知:${BUILD_STATUS} - ${PROJECT_NAME} - Build # ${ ...

  3. STM32的bulk双缓冲传输速度的讨论,硬件的坑永远填不完

    详情:http://bbs.21ic.com/forum.php?mod=viewthread&tid=109584   USB 1.0的最高12Mbps. USB 2.0的高速模式480Mb ...

  4. Jenkins进阶之自动发送邮件的Default Content设置模板

    分享一个简洁实用的Jenkins项目邮件管理系统的"Default Content"设置模板 配置如下: <h1><center><font colo ...

  5. Linux 容器的使用

    Linux 容器的使用 Linux 容器在 v2.6.29版本之后就加入到内核之中了, 之前虽然也听说过, 但一直没有太留心, 一直使用 KVM 来创建虚拟机. 直至最近 Docker 大出风头, 才 ...

  6. 一套简单可依赖的Javascript库

    还是[百度]的产品——Tangram不是我偏心,百度不是我亲戚这东西看上去确实不错 Tangram是一套简单可依赖的Javascript库,主要分为Base和Component两部分.Base提供了开 ...

  7. z-index详解

    来源于:http://www.cnblogs.com/ForEvErNoME/p/3373641.html 概念 z-index 属性设置元素的堆叠顺序.拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的 ...

  8. oracle-5-的升级步骤

    升级数据库的步骤 1.决定升级到那个版本 2.确定最近的数据已经备份(非常的重要) 3.安装软件升级包 4.升级方式启动数据库 5.执行必要的脚本 6.升级后的检查

  9. note.js之 Nodejs+Express4在windows下的配置

    本篇主要介绍一下在windows平台下采用nodejs+express4框架+Mongodb实现网站的开发.其实本人是不赞同在Windows平台下使用node.js进行开发,但由于公司后台工程师都是采 ...

  10. 【CodeForces 602A】C - 特别水的题3-Two Bases

    http://acm.hust.edu.cn/vjudge/contest/view.action?cid=102271#problem/C Description After seeing the ...