cordova 和 java ( JDK ) 和 android-studio (SDK)的初始安装和配置

一:前言(2018)

之前封装APP都是用的HBuilder结合mui来封装的简单app,有空的时候想研究下之前的phonegap来封装app。然后遇到的问题还是蛮多的,毕竟之前没弄过。

下面的步骤主要是总结下安装和配置,避免自己以后再走弯路,也希望对大家配置有帮助。

二:需要安装和配置的几个包(暂时只到cordova 在windows7 和 android的配置,因为我只弄到这现在

1.cordova (刚开始一直以为是要安装phonegap的windows版本的app,后来才知道现在的phonegap归属于apache了,现在只需要用npm安装cordova就可以了。)

2.java Development Kit (JDK) 8 (下载的时候一定要看看自己系统和版本是否匹配)

3.gradle

4.android studio (可视化开发工具)

三:cordova的基本知识和安装

现在不需要下载phonegap的app,现在cordova的官网是 “https://cordova.apache.org/”,大家可以去看看熟悉了解。

安装: 

  1.需要先在电脑上已经安装了 nodegit  在这里不做叙述;

  2.打开cmd控制面板 输入 ‘npm install -g cordova’ 就安装好了(在cmd输入 cordova -v 如果出现版本号,说明安装成功)

四:JDK安装和环境变量配置

1.下载网址:‘https://www.oracle.com/technetwork/java/javase/downloads/index.html’

注意点进每个版本看一下兼容情况,和适合的系统情况。

我自己安装的是:jdk-8u181-windows-x64这个版本的,盘下载这个版本的连接:‘https://pan.baidu.com/s/1f6opzWWxSZyLU-isfLXFRA’。

2.傻瓜式安装,点开exe会进行安装,我这里更改了安装JDK和jre的位置,可以自定义。

3.设置环境变量:

  右键计算机 -- 选择属性 -- 选择左边的高级选项设置 -- 选择环境变量 -- 在系统变量下新建 变量名 JAVA_HOME ,变量值 E:\BaiduNetdiskDownload\appInstallPalce\java-8u181 (我刚安装更改的jdk安装的地址),如下图:

  

 

4. 还是环境变量里面的,把Path变量后面追加地址 : ‘;/JAVA_HOME%/bin’ ,然后保存;

 在控制台里面输入java -version 如果出现版本号就是安装配置成功了。

五:安装gradle

官网参考:‘https://gradle.org/install/#helpful-information’

1.下载地址:‘https://gradle.org/next-steps/?version=4.10.2&format=all’

2.在C盘下新建文件夹Gradle,就有了地址:  C:\Gradle

3.打开刚下的压缩包,解压后,把gradle-4.10.2文件夹放到上面的文件夹下面

4.按照上面java的环境变量的设置,在系统环境变量中加上gradle的bin的绝对路径,追加到Path下面

5.在控制台中输入 gradle -v ,出现版本号就成功,说该指令不存在就配置有问题。

六:安装和配置android-studio SDK

可以参考这里的安装:https://www.cnblogs.com/xiadewang/p/7820377.html

安装有错误的时候,除了uninstall之外,要清除之前的安装设置数据,可以参考:https://zhidao.baidu.com/question/693834551689795644.html

1.官网下载:‘https://developer.android.google.cn/studio/’。

2.傻瓜式安装,我这里下载后没有SDK的勾选项,只有两个,先不管。

3.SDK的配置:(这里是默认的sdk的安装地址,如果不想让这个浪费C盘的内存,就可以在第一次安装启动的时候让安装sdk的地方重新设置地址)

  3.1 下载和安装完 android-studio 后就会默认在计算机的C盘下面建sdk的目录,默认地址是:C:\Users\Administrator\AppData\Local\Android\Sdk

   ,因为现在新版的安装的时候并没有网上说的安装的时候会让你选择sdk安装的目录,而是只有一个选择安装 android studio的目录,所以一开始我还以为是没有安装,弄了半天。。。

  3.2  设置系统环境变量 ANDROID_HOME 值为:C:\Users\Administrator\AppData\Local\Android\Sdk

  3.4  更改系统环境变量Path     

    在Path后面追加两个地址:
    一个:%ANDROID_HOME%\tools
    一个:%ANDROID_HOME%\PLATFORM-TOOLS

  3.5监测环境变量是否设置成功,

    打开cmd控制台窗口,
    输入android 如果有反应说明%ANDROID_HOME%\tools 配置成功;
    输入adb 如果有反应说明%ANDROID_HOME%\platform-tools配置成功;
    如果没反应就是配置上有问题;

 七:到这里基本的android需要的环境都安好了,下面创建一个最简单的app

  7.1 cordova创建app

    在想要创建的文件夹下,shift+右键 选择在此处打开命令窗口,输入 cordova create hello com.example.hello HelloWorld

    hello : 是在这个目录下面建项目 -- com.example.hello : 是项目config的id -- HelloWorld : 项目名为Hello World

  7.2 添加安卓平台platform

    在刚打开的命令窗口下输入 cd hello 进到这个目录,然后输入 cordova platform add android

  7.3 检查需要的插件和环境是否安装和配置

    在hello下的打开的命令窗口 输入  cordova-requirements 会展示哪些安装哪些没有还

  7.4 打包 apk

    还是在上面的命令窗口 输入 cordova build android ,等一会之后就会在项目下生成apk,

    我的地址:E:\mynodeproject\22.wepapp-cordova\hello\platforms\android\app\build\outputs\apk( hello就是我的这个项目地址)

八:android studio虚拟机中启动

  8.1  打开刚安装 android studio 的文件 找到 .exe启动,

    我的是E:\BaiduNetdiskDownload\android-studio-ide\android-studio\bin 目录下的 studio64.exe (我电脑是64位系统的,所以打开这个)

  8.2 打开项目,如下图

  

    

 

 

 

8.3 修改jdk位置,设置自己上面安装java环境的位置,如下图

8.4 设置一个安卓的虚拟机,如下图点击红色框:

 

8.5 按照提示安装完虚拟机后,就可以使用了,点击上图中的绿色箭头按钮,启动这个虚拟机,然后回到我们的项目hello下面打开命令行,输入 cordova run android 就会在虚拟机中展示第一个简单的app

posted @ 2018-10-30 13:51  missLiuliu  阅读(3477)  评论(0编辑  收藏  举报