windows下搭建Cordova安卓环境
phoneGap 被收购后衍生出了 Cordova
Android 的开发工具也由 Eclipse 向 Android Studio 靠拢
行业动态在更新,所以资料也要跟着变化...
在开始之前,作为一个前端,我默认你的电脑上已经装好 node 了
1.全局安装 Cordova CLI
npm install -g cordova
2.创建一个应用
cordova create MyApp
3.进入应用的项目根目录下,执行下面命令,为应用添加平台
cordova platform add android --save
cordova platform add browser --save
上面我们添加了 android 平台和浏览器平台
如果你想移除平台(如想移除 android 平台),可执行下面命令
cordova platform remove android
或者想列出当前项目的平台情况
cordova platform list
此命令也可以查看当前系统下支持的平台有哪些
4.安装 JDK
到官网下载:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
这里我选择了 dk-8u171-windows-x64.exe 来下载安装
安装完成后,根据你的 JDK 安装路径,为系统添加 JAVA_HOME 环境变量(比如我的是:C:\Program Files\Java\jdk1.8.0_171)
5.安装 Android Studio
到官网下载:https://developer.android.com/studio/
安装过程按默认傻瓜式安装即可
安装完成后,运行,在界面下方找到 Configure —— SDK Manager 进入设置并下载 SDK
我的配置如下图(注意红框部分):
选完后就可以下载 SDK 了,由于天朝网络环境的关系,不排除会出现下载失败的情况...
如果你不幸碰到这种情况,那就找安卓开发把他本地的 SDK 拷一份给你放到你所指定的 SDK 目录下吧...
当 SDK 下载完后,根据你的 SDK 安装路径,为系统添加 ANDROID_HOME 环境变量(比如我的是:D:\Android\Sdk)
6.检测是否满足平台编译需求
cordova requirements
如果 Android 平台的需求都满足,则可开始执行编译
7.编译APP
前面的第 4,5 两步是 Android 平台的编译前置条件,接下来我们在项目根目录执行下面命令编译 APP
cordova build android
这里只编译了 Android 平台的,命令最后的部分是指定编译的平台
7.使用 Android Studio 打开编译后的项目
需要导入根目录下的 platforms\android 目录
导入成功后,会出现下面的弹窗。注意!这里千万别点 Update (点了之后会导致后面 Cordova build android 编译APP报错...)
然后点击 IDE 右上角的运行按钮
首次运行可能会没有任何虚拟设备,这时你需要新建一个虚拟设备
注意图中红框部分,这里选择创建的虚拟设备都是比较低版本的,原因是我的电脑配置不高...
新版本的也试过下,没办法成功跑起来,原因不明,毕竟我不是专业的 Android 开发...
OK,当你看到下面这个状态时,说明你的应用已经成功在虚拟设备你跑起来了
接下来,你只要对项目根目录下的 www 目录下做开发(其实就是一个再常规不过的前端项目目录,但要保证入口文件是 www 目录下的 index.html)
开发完后再编译一次,就可以看到最新的 APP 了
环境搭建工作到此结束~
windows下搭建Cordova安卓环境的更多相关文章
- Windows下搭建Git开发环境
Windows下搭建Git开发环境主要有以下三种方法: 1,VS,vs2013和vs2015中已经集成了git插件了 2,msysGit+TortoiseGit 3,msysGit+SourceTre ...
- [转载]在Windows下搭建Android开发环境
http://jingyan.baidu.com/article/bea41d437a41b6b4c51be6c1.html 在Windows下搭建Android开发环境 | 浏览:30780 | 更 ...
- 【原创】windows下搭建vue开发环境+IIS部署
[原创]win10下搭建vue开发环境 如果要转发,请注明原作者和原产地,谢谢! 特别说明:下面任何命令都是在windows的命令行工具下进行输入,打开命令行工具的快捷方式如下图: 详细的安 ...
- mac下搭建cordova开发环境
Apache Cordova 原名叫PhoneGap.是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台.PhoneGap最初由Nitobi开发,2011年 ...
- windows下搭建vue开发环境+IIS部署
原创]win10下搭建vue开发环境 https://www.cnblogs.com/ixxonline/p/6007885.html 特别说明:下面任何命令都是在windows的命令行工具下进行输 ...
- Windows下搭建PHP开发环境
PHP集成开发环境有很多,如XAMPP.AppServ......只要一键安装就把PHP环境给搭建好了.但这种安装方式不够灵活,软件的自由组合不方便,同时也不利于学习.所以我还是喜欢手工搭建PHP开发 ...
- (一)Windows下搭建PHP开发环境及相关注意事项
PHP集成开发环境有很多,如XAMPP.AppServ......只要一键安装就把PHP环境给搭建好了.但这种安装方式不够灵活,软件的自由组合不方便,同时也不利于学习.所以我还是喜欢手工搭建PHP开发 ...
- [转]Windows下搭建PHP开发环境
原文:http://www.cnblogs.com/pharen/archive/2012/02/06/2340628.html PHP集成开发环境有很多,如XAMPP.AppServ......只要 ...
- windows下搭建vue开发环境+IIS部署 [转]
特别说明:下面任何命令都是在windows的命令行工具下进行输入,打开命令行工具的快捷方式如下图: 详细的安装步骤如下: 一.安装node.js 说明:安装node.js的windows版本后 ...
随机推荐
- DUBBO配置规则详解
研究DUBBO也已经大半年了,对它的大部分源码进行了分析,以及对它的内部机制有了比较深入的了解,以及各个模块的实现.DUBBO包含很多内容,如果想了解DUBBO第一步就是启动它,从而可以很好的使用它, ...
- stdafx.h、stdafx.cpp是干什么用的?为什么我的每一个cpp文件都必须包含stdafx.h? Windows和MFC的include文件都非常大,即使有一个快速的处理程序,编
sstdafx.h.stdafx.cpp是干什么用的?为什么我的每一个cpp文件都必须包含stdafx.h? Windows和MFC的include文件都非常大,即使有一个快速的处理程序,编译程序也要 ...
- Hdu1427 速算24点 2017-01-18 17:26 46人阅读 评论(0) 收藏
速算24点 Time Limit : 2000/1000ms (Java/Other) Memory Limit : 65536/32768K (Java/Other) Total Submiss ...
- Java代码优化(一)
前言 2016年3月修改,结合自己的工作和平时学习的体验重新谈一下为什么要进行代码优化.在修改之前,我的说法是这样的: 就像鲸鱼吃虾米一样,也许吃一个两个虾米对于鲸鱼来说作用不大,但是吃的虾米多了,鲸 ...
- python 实现敏感词屏蔽小程序
有一个文件,里面有一些敏感词汇,如果输入这些词,就用**代替,然后输出.敏感词汇 dictionary.txt 文件内容: SB,傻B,傻逼,妈,日,shabi,操,sb,金三胖 代码实现主体: f ...
- 编程哲学之C#篇:01——创世纪
我们能否像神一样地创建一个世界? 对于创建世界而言,程序员的创作能力最接近于神--相对于导演,作家,漫画家而言,他们创建的世界(作品)一旦完成,就再也不会变化,创建的角色再也不会成长.而程序员创建的世 ...
- C#MVC和cropper.js实现剪裁图片ajax上传的弹出层
首先使用cropper.js插件,能够将剪裁后的图片返回为base64编码,后台根据base64编码解析保存图片. jQuery.cropper: 是一款使用简单且功能强大的图片剪裁jquery插件 ...
- 【cocos2d-x + Lua(1) 绑定Lua并使用tolua++】
为什么要使用Lua进行游戏开发?转载请注明出处http://www.cnblogs.com/zisou/p/cocos2dx-lua1.html 上面一个问题我觉得在我们使用Lua之前需要深入思考的, ...
- Docker之存储管理
本文由作者邹珍珍授权网易云社区发布. 本文主要介绍Docker的存储管理.Docker拥有镜像分层,写时复制机制以及内容寻址存储等特征,为了支持这些特征,Docker设计了一套镜像元数据管理机制来管理 ...
- pageadmin CMS网站建设教程:模板中如何实现信息数据共享
pageadmin CMS网站制作教程:模板中如何实现信息数据共享 很多时候信息数据需要共享,一个最常用的应用场景就是手机版(独立手机,非响应式)本共享pc版本数据,下面以这个场景为例讲解. 假设手机 ...