如何安装 PhoneGap / Cordova (for Win10)
最近需要配置 PhoneGap / Cordova 环境,折腾了一阵子,写篇博客 Mark 一下整个过程。
具体参照了:http://www.assortedgarbage.com/apigee/
以及 Cordova 的官方DOC:https://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)的更多相关文章
- WINDOWS下PhoneGap(Cordova)安装笔记
1.首先下载Node.js 安装nodejs很简单直接点击安装文件下一步直至成功即可,安装notejs的同时npm也会同时安装 成功后打开notejs的命令行工具 输入“node -v”," ...
- [Phonegap+Sencha Touch] 移动开发36 Phonegap/Cordova项目的图标和启动画面(splashscreen)配置
原文地址:http://blog.csdn.net/lovelyelfpop/article/details/40780111 Phonegap/Cordova项目中的config.xml文件.里面配 ...
- PhoneGap+Cordova+SenchaTouch-01-环境搭建
转http://my.oschina.net/zhongwenhao/blog/369465 环境搭建基于 windows ,mac系统可以借鉴 1.安装NodeJS 和ruby http://no ...
- First App on Phonegap | Cordova
Phonegap简介 PhoneGap是一能够让你用普通的web技术编写出能够轻松调用api接口和进入应用商店的 html5应用开发平台,是唯一支持7个平台的开源移动框架. 优势: 1.兼容性:多平台 ...
- 跨平台移动开发phonegap/cordova 3.3全系列教程-helloworld
1. 建立专案(cordova) 打开cmd命令行 cordova create ACESMobile aces.mobile ACES cd aces mobile 如图 2. 安装插件 ...
- 转-MAC 下安装PHONEGAP开发环境
来自:http://jinzhe.net/post/8.html 什么是Phonegap呢?Phonegap是一个利用HTML5去开发App的框架.可以为安卓.iOS.WP.黑莓.火狐等移动操作系统. ...
- phonegap+cordova+ionic调用原生API
上一篇博客讲了phonegap+cordova+ionic的环境搭建,今天再来分享一篇cordova调用原生API的文章.从技术角度上来讲,这并不是很难,只是有些细节要是没有注意,或者某些步骤不知道的 ...
- Mac 下安装Phonegap开发环境
Mac 下安装Phonegap开发环境 2014.09.11 星期四 评论 0 条 阅读 5,613 次 作者:野草 标签:phonegap ios mac 什么是Phonegap呢?Phon ...
- npm 安装 ionic cordova
针对npm安装 ionic 和 cordova 过程很慢,且有些安装文件被墙的问题,使用如下方式解决: 1)安装cnpm npm install -g cnpm 2)然后再使用cnpm 安装 ioni ...
随机推荐
- 20年硅谷技术牛人到访DataPipeline谈:技术如何与业务平衡发展
导读:技术人员的常态是“左手支持业务签单,右手提升系统性能”,却经常陷入技术和业务该如何平衡发展的困惑?今天,且听一位硅谷牛人分享他的平衡之道. 以个人名誉申请31个国内外技术和产品专利,中国最佳CT ...
- C# -- 使用Ping检查网络是否正常
C# -- 使用Ping检查网络是否正常 需引用命名空间: using System.Net.NetworkInformation; 1. 代码实现 try { List<string> ...
- 【js】字符串方法
let str = 'na'; console.log(str.repeat('3'));//nanana console.log(str.startsWith('n'));//true consol ...
- JS中各种宽度距离小结
js中获取各种宽度和距离,常常让我们混淆,各种浏览器的不兼容让我们很头疼,现在就在说说js中有哪些宽度和距离. 1.名词解释 screen:屏幕.这一类取到的是关于屏幕的宽度和距离,与浏览器无关,应该 ...
- 分析dhcp.lease文件,统计DHCP服务器IP自动分配
#!/usr/bin/env python # coding=utf-8 import string import time,datetime class TIMEFORMAT: def __init ...
- Python_if
if if c语言中的if语句格式如下: if (条件) { 结果} python的格式与其不同,定义了自己的格式,更加的简明: if 条件 : 结果 print(111) if 3 > 2: ...
- Django的Models字段含义
在model中添加字段的格式一般为: field_name = field_type(**field_options) 一 field options(所有字段共用) 1 null 默认为F ...
- Spring Boot 集成Swagger
Spring Boot 集成Swagger - 小单的博客专栏 - CSDN博客https://blog.csdn.net/catoop/article/details/50668896 Spring ...
- centos下安装nginx并部署angular应用
注意:直接yum安装的nginx有问题,不能直接安装,因为centos默认库里面没有nginx.如果安装过程中出现一些文件夹或者文件找不到的话,应该是你的nginx的版本没有安装对.最效率的办法是删除 ...
- 查看电脑系统参数(Windows)
发现工作的电脑开了很多任务,都运行的很好,所以记录下来(以后买电脑可以参考一下) 一.硬件详情(i5第七代?) 硬盘信息(分有固态和机械硬盘): 固态硬盘直接给了系统使用: 二.体验指数(基本都达到了 ...