Cordova移动端开发-(二)环境搭建

一、安装JDK

    下载需要使用的JDK版本。

二、安装NodeJs

    1. 下载最新版本NodeJs,windows选择exe安装。在cmd输入 node -v 查看node是否安装成功。

    2. npm是NodeJs的包管理工具

三、下载安装Cordova

    1. 使用npm下载Cordova,全局安装Cordova

 npm -g install cordova

    2. 在命令行执行: cordova,有输出则表示安装成功。

四、安装Android SDK

    这个时候其实我们就可以创建cordova项目了(创建本节不讲,先放下一节),但是编译成apk还是依赖Android SDK的。

    下载Android SDK可以去官网http://developer.android.com/sdk/index.html,但是被墙了,我们选择国内的http://www.androiddevtools.cn/,下载SDK Tools中最新的zip安装程序,直接解压到安装目录就可以了。

    进入到解压目录打开管理界面

弹出页面

其中需要安装的:

① Android SDK Tools就是当前工具,可以升级;

② Android SDK Platform-tools 和 Android SDKBuild-tools 都下载最新版本;

③ Android API 下载最新版本(如果Cordova支持的话)即可,因为都是向下兼容的,开发高版本低版本也能适用;

④ Extras目录下是扩展包,具体功能不知道,需要的时候再下载吧。

下载默认使用谷歌服务器,如果下载慢可以在 “Tools->options” 中改成国内镜像:

        1、中科院开源协会镜像站地址:

        IPV4/IPV6 : http://mirrors.opencas.ac.cn 端口:80

        2、北京化工大学镜像服务器地址:

        IPv4: http://ubuntu.buct.edu.cn/  端口:80

        IPv4: http://ubuntu.buct.cn/  端口:80

        IPv6: http://ubuntu.buct6.edu.cn/  端口:80

        3、大连东软信息学院镜像服务器地址:

        http://mirrors.neusoft.edu.cn  端口:80

如:

    下载完之后,需要配置Android SDK环境变量:

        ① 新增系统变量 ANDROID_SDK_HOME 值为安装路径  D:\Setup\android-sdk

        ② 在系统变量Path后增加 % ANDROID_SDK_HOME%\platform-tools;% ANDROID_SDK_HOME%\tools;

·    在cmd中输入  “adb version” 检查是否安装成功。

五、安装gradle

    Cordova的构建Android是基于gradle,所以想要构建程序就要安装gradle。

    首先下载最新版本的程序二进制,解压到安装目录,然后配置环境变量

        ① 新建系统变量 GRADLE_HOME ,值为安装目录 C:\Setup\gradle-4.10.2

        ② 在系统变量Path后增加 %GRADLE_HOME%\bin;

    在命令行中输入“gradle -v”检查是否安装成功。

六、安装安卓虚拟机

    开发调试我们编译的apk需要安装安卓虚拟机。本来Android SDK Tools带有ADV Manager,但是用了一下总是报错,就放弃了,网上查到了一个叫Genymotion的模拟器,个人版免费使用,我们就用这个软件好了。

    下载软件需要先在官网注册账号,注册好了之后进入https://www.genymotion.com/download/下载(这个地址官网没有找到入口),选择我们需要的版本,下载安装就可以了。

 

 

 

 

99、坑

        1. API版本过高

        问题:在安装好程序,构建的时候,程序提示Android target:not install,查了相关文档,发现是Android版本的问题,我下载的API是Android 9 的,在构建的时候找不到对应的版本。

        解决:在SDK Manager.exe中安装低版本的Android8.1就可以了。

        2. Duplicate resource(资源重复)

        问题:在构建时,有一个js包报:  Duplicate resource  资源重复错误。

        解决:进入到重复的目录,删除其中一个资源即可。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值