最近需要配置 PhoneGap / Cordova 环境,折腾了一阵子,写篇博客 Mark 一下整个过程。

具体参照了:http://www.assortedgarbage.com/apigee/

以及 Cordova 的官方DOChttps://cordova.apache.org/docs/en/latest/guide/platforms/android/

一、安装 Node JS:

直接前往官网下载安装。直接运行安装包,选择想要安装的路径。

配置环境变量:D:\Program Files\nodejs\(请根据自己的安装路径,一般安装完成会自动配置好的)

验证Node JS是否安装成功:打开cmd,输入命令:

node -v

得到下图则说明安装成功。

二、安装 PhoneGap:

直接使用cmd运行以下命令:

npm install -g phonegap

等待安装完成即可。

同理,安装 Cordova 时运行以下命令:

npm install -g cordova

等待安装完成即可。

三、安装 Java JDK:

直接到Oracle的官网上下载JDK,解压到想要安装的路径上。

Note:请下载安装 Java SE Development Kit 8u201 版本

配置 JDK 的环境变量:

1.新建一个叫 JAVA_HOME 的环境变量:C:\Program Files\Java\jdk1.8.0_201

2.在系统变量 Path 中新加一个变量:%JAVA_HOME%\bin

验证 Java JDK 是否安装正确,在cmd中输入:

java -version

得到:

cmd输入:

javac -version

得到:

四、安装 Ant:

直接前往官网下载需要的zip,解压缩到想要安装的路径。

Download→Binary Distributions→选择所需要的zip

配置 Ant 的环境变量:

1.新增一个叫 ANT_HOME 的环境变量:D:\apache-ant-1.10.5

2.在 Path 中新增一个变量:%ANT_HOME%\bin

验证是否安装成功,在cmd中输入以下命令:

ant

得到:

五、安装 Android SDK:

本来是想通过 Android Studio 来安装 Android SDK 的,我下载到的安装包好像是不带 SDK 的,另外官网需要 科 学 上 网,或者通过AndroidDevTools下载安装。

1.将下载下来的 Android SDK zip 解压到想要安装的路径,解压完成后的 Android SDK 目录如下图所示:

一开始解压完只有六个项目,其他的都是安装 Android SDK 的时候自动添加的。

Android Studio 直接运行安装程序跑完就行了,若不带有 SDK 安装,继续按照后面的步骤安装即可。

2.配置环境变量:

(1) 新建一个叫 ANDROID_HOME 的环境变量:D:\Android

(2) 在 Path 中新增两个变量:%ANDROID_HOME%\platform-tools 以及 %ANDROID_HOME%\tools

验证环境变量是否配置正确,在cmd输入以下命令:

android

接着会弹出如下所示的 Android SDK Manager:

Note:如果无法打开 Android SDK Manager,或者是闪退,可能是以下原因:

(1) Java JDK 配置不对:如果 java JDK 安装和配置都没有问题,试着将它安装在C盘。

(2) 可能是 JDK 版本的问题,请安装 JDK 8 版本。

(3) Android SDK 环境变量配置错了。

3.使用 Android SDK Manager 安装所需的 Android SDK

成功打开 Android SDK Manager 后,选择所需的安装内容,Status会显示是否已经安装:

等待安装完成后,验证 Android SDK 是否安装成功,在cmd中输入以下命令:

adb version

得到:

至此所有的安装配置都完成了,由于是我是业余的,或有错漏,请见谅。

如何安装 PhoneGap / Cordova (for Win10)的更多相关文章

  1. WINDOWS下PhoneGap(Cordova)安装笔记

    1.首先下载Node.js  安装nodejs很简单直接点击安装文件下一步直至成功即可,安装notejs的同时npm也会同时安装 成功后打开notejs的命令行工具 输入“node -v”," ...

  2. [Phonegap+Sencha Touch] 移动开发36 Phonegap/Cordova项目的图标和启动画面(splashscreen)配置

    原文地址:http://blog.csdn.net/lovelyelfpop/article/details/40780111 Phonegap/Cordova项目中的config.xml文件.里面配 ...

  3. PhoneGap+Cordova+SenchaTouch-01-环境搭建

    转http://my.oschina.net/zhongwenhao/blog/369465 环境搭建基于 windows  ,mac系统可以借鉴 1.安装NodeJS 和ruby http://no ...

  4. First App on Phonegap | Cordova

    Phonegap简介 PhoneGap是一能够让你用普通的web技术编写出能够轻松调用api接口和进入应用商店的 html5应用开发平台,是唯一支持7个平台的开源移动框架. 优势: 1.兼容性:多平台 ...

  5. 跨平台移动开发phonegap/cordova 3.3全系列教程-helloworld

    1.    建立专案(cordova) 打开cmd命令行 cordova create ACESMobile aces.mobile ACES cd aces mobile 如图 2.    安装插件 ...

  6. 转-MAC 下安装PHONEGAP开发环境

    来自:http://jinzhe.net/post/8.html 什么是Phonegap呢?Phonegap是一个利用HTML5去开发App的框架.可以为安卓.iOS.WP.黑莓.火狐等移动操作系统. ...

  7. phonegap+cordova+ionic调用原生API

    上一篇博客讲了phonegap+cordova+ionic的环境搭建,今天再来分享一篇cordova调用原生API的文章.从技术角度上来讲,这并不是很难,只是有些细节要是没有注意,或者某些步骤不知道的 ...

  8. Mac 下安装Phonegap开发环境

    Mac 下安装Phonegap开发环境 2014.09.11  星期四 评论 0 条    阅读 5,613 次 作者:野草 标签:phonegap ios mac 什么是Phonegap呢?Phon ...

  9. npm 安装 ionic cordova

    针对npm安装 ionic 和 cordova 过程很慢,且有些安装文件被墙的问题,使用如下方式解决: 1)安装cnpm npm install -g cnpm 2)然后再使用cnpm 安装 ioni ...

随机推荐

  1. 根据Webservice地址,动态传入参数(Webservice代理类)

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using Sunlib; ...

  2. Core官方DI解析(5)-ServiceProviderEngine

    最后来看看前面一直说的Engine(工作引擎),工作引擎接口是IServiceProviderEngine在ServiceProvider的构造函数中看到了根据指定的Mode创建了不同的实现类,下面先 ...

  3. Mybatis中接口和对应的mapper文件命名为什么需要一样?

    背景: 自己对于Mybatis现阶段只处于会用的阶段,有些问题,自己还是想深入的了解一下.就拿Mybatis的接口文件和mapper文件命名需要一致来开始. 解决: 当我们将接口和mapper文件放在 ...

  4. MVC设计思想

    MVC就是按照程序的功能将他们分成三个层,Model层(模型层),View层(显示层),Controller(控制层). Model层:可以细分为两层,分别是dao层.service层,这两层主要功能 ...

  5. Photoshop实例视频教程

    Photoshop实例视频教程 2019/04/23 文件名 大小 复古街机风建筑效果图PS教程.mp4 6.63 MB 48.PS教程从零开始学——切片选择工具.mp4 20.90 MB PS教程- ...

  6. Photoshop入门教程图解版

  7. Friendly Date Ranges 让日期区间更友好

    把常见的日期格式如:YYYY-MM-DD 转换成一种更易读的格式. 易读格式应该是用月份名称代替月份数字,用序数词代替数字来表示天 (1st 代替 1). 记住不要显示那些可以被推测出来的信息: 如果 ...

  8. C++ WMI获取系统硬件信息(CPU/DISK/NetWork etc)

    官网找到一个例子,根据例子修改下可以获取很多信息 #define _WIN32_DCOM #include <iostream> using namespace std; #include ...

  9. Python Scrapy反爬虫常见解决方案(包含5种方法)

    爬虫的本质就是“抓取”第二方网站中有价值的数据,因此,每个网站都会或多或少地采用一些反爬虫技术来防范爬虫.比如前面介绍的通过 User-Agent 请求头验证是否为浏览器.使用 JavaScript ...

  10. 一、Log4Net配置

    Core的配置 一.创建core包含控制和视图的项目以及Log4Net引用 二.创建Log4Net配置文件 右击项目->添加文件   Log4Net.config 2 复制以下代码 以下配置可做 ...