超详细cordova环境配置(windows)及实例

摘要:

最近闲来无事就把以前做的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

时间: 2024-10-05 23:58:50

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

超详细LAMP环境手动编译安装实例

LAMP编译安装实例: HTTPD编译安装: 下载软件包:     # wget http://mirrors.hust.edu.cn/apache//apr/apr-1.6.3.tar.gz http://mirrors.hust.edu.cn/apache//apr/apr-util-1.5.1.tar.gz http://mirrors.shu.edu.cn/apache//httpd/httpd-2.4.29.tar.gz 需要依赖最新版apr和apr-util apr:Apache P

Go语言Eclipse开发环境配置-windows

1.首先安装eclipse,选择一个适合的版本就好,解压即可 http://www.eclipse.org/downloads/ 2.下载go语言安装包 官网地址 :http://www.golang.org/ 官网地址有时候打不开,百度云盘下载go1.2安装包  http://pan.baidu.com/s/1c0Gf4UO#dir/path=%2FSoft%2FGoLang  32 64位都有 一路Next cmd输入go version 看到这个就安装好了,环境变量什么的会自动配置好的,唯

Cordova环境配置

一.背景 很久之前就想写一篇文章来记录Cordova的使用了,上次用到它是在一年前,这次用到它是在这个月.下次用到它还不知道是什么时候了,为了供以后翻阅,在此做个记录.现在很多资料都是在硬盘里.网络收藏夹里.这次就一次性汇总到这里吧. 二.简介 Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头.麦克风等. Cordova还提供了一组统一的JavaScript类库,以及为这些类库所用的设备相关的原生后台代码. Cordova是

[Android]开发环境配置(windows)-draft

一. 下载Android SDK,把SDK放到任意你想放的位置(这个东西将来有可能会更大) 二. 配置windows系统环境变量 新建ANDROID_SDK_HOME,值:任何你想放置Android模拟器的路径 新建随便什么名(假设为ANDROID_SDK),值:SDK的路径(假设sdk的文件夹叫android-sdk-windows,在d盘,那就写 D:\android-sdk-windows) 在Path里添加 %ANDROID_SDK%\tools;%ANDROID_SDK%\platfo

cordova环境配置异常一则

公司ERP也开始步入手机领域了.配置cordova发现一些奇奇怪怪不能编译,不能启动的异常,这类问题一般问题原因不是程序的问题,而是环境配置的问题. 老规矩: 1)首先检查是不是少包 2)检查各个工具是不是使用同一个版本的java JDK.一是版本号,二是都是x86还是x64,这个也是需要注意的 3)检查编译的的目标版本是否一至       [dex] input: D:\vsworkspace\whatsvape\platforms\android\ant-build\classes     

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

[摘要:全部装置进程: 1. jdk 1.7.2 (http://www.oracle.com/technetwork/java/javase/downloads/index.html) 装置好以后 情况变量设置装备摆设: 新建体系变量JAVA_HOME 战CLASSPATH 变量名:JAVA_HOME 变量:C:Program FilesJavajdk1.7.0 变量] 整个安装过程: 1. jdk 1.7.2   (http://www.oracle.com/technetwork/java

Hybrid app(cordova) 环境配置记录

node版本管理 NVM 安装过程 由于最新版 node 不兼容部分功能,所以需要安装 nvm 切换 node 版本 在 https://github.com/coreybutler/nvm-windows 下载 nvm-windows 安装后,由于下载 node 速度太慢,所以修改安装目录下的 setting.txt 文件,加上: arch: 64 proxy: none node_mirror: http://npm.taobao.org/mirrors/node/ npm_mirror:

Flutter开发环境配置-Windows

下载Flutter Sdk 系统要求: 安装运行Flutter,开发环境必须满足以下要求: 操作系统:Windows 7 或者以上版本,64位机器 硬盘空间:不包括IDE和工具在内,至少需要400M 软件工具: Windows PowerShell 5.0或者以上 Windows版Git 2.x,请确保Git可以正常运行 获取Flutter Sdk: 1. 点击这里下载最新版本的Flutter Sdk.如果想要获取更多Flutter Sdk或者下载以前版本的Flutter Sdk,请点击SDK

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

因为某些原因,不想用过于臃肿的VS了,转而使用常用的jetbrains的CLion,Clion沿袭了jetbrans的优良传统,基本代码提示功能还是比较好的,不过就是对于windows不熟悉cmake(像我这样)的朋友可能不是太友好,经过了2个小时的查资料,终于正常运行了一个简单示例. 下面谈谈如何在Windows下配置这个开发环境. 起始,我是参考了我的前一篇OpenGL+VS开发环境的搭建,实际上除了freeglut重新下载的是MinGW版本之外,其他的文件并无区别,当然为了方便引用,我把所