cordova使用

一、JDK的安装与环境变量的配置

1、安装 JDK(我用的1.8版本)

     官网下载：https://www.oracle.com/technetwork/java/javase/overview/index.html

    下载后点击.exe文件，一路[下一步]默认安装。直至安装完成。安装完成后出现两个文件夹jdk和jre。

2、接下来我们需要设置两个系统变量，分别是JAVA_HOM和Path。

   1）桌面-->我的电脑右键-->属性-->高级系统设置-->环境变量-->新建/编辑

   2）【新建】环境变量JAVA_HOME 为JDK的安装目录。如：假定JDK安装路径为：D:\develop\jdk1.80_191   ，则设置JAVA_HOME的值为：D:\develop\jdk1.80_191

   3）【编辑】找到Path，添加JDK安装目录下的Bin文件夹到环境变量 Path中，如：D:\develop\jdk1.80_191\bin;（注意，不要删掉原有的东西,记得 ; 号隔开）=

二：安装Android_SDK

1、安装 Android_SDK

     官网下载：https://developer.android.com/  (可能会被屏蔽，可在百度输入 Android_SDK选择下载)

    下载后点击.exe文件，选择安装路径如："D:\android_sdk"。直至安装完成。

     完成后：

     1）启动"D:\android_sdk\SDK Manager.exe"，在打开的窗口中，按以下图中所示，勾选以下6项(必须)，，选择"accept" ，然后单击"install"按钮，直到完成。（此步骤必须联网，下载时间稍长，请耐心等待）

2、接下来我们需要设置一个系统变量：ANDROID_HOME。

   1)桌面-->我的电脑右键-->属性-->高级系统设置-->环境变量-->新建

   2）【新建】环境变量ANDROID_HOME为android_sdk的安装目录。如：假定JDK安装路径为：D:\android_sdk   ，则设置ANDROID_HOME的值为：D:\android_sdk 

   3）启动安装目录中的"AVD Manager.exe"应用程序，创建虚拟机。   （只打包的话这里开始就不用了）

   4）测试：启动虚拟机（虚拟机启动后不要再关闭，否则再次打开有可能要很长时间。）

三：安装NodeJS

1、安装 Node.js

     官网下载：https://nodejs.org/ 

     安装目的是借助其包含的npm工具安装开源的、移动开发框架cordova。

    下载 .msi安装版本，默认安装，直到完毕。

2、安装完毕后

    1）以管理员身份运行Node.js command prompt.exe

四、安装cordova

  在桌面空白处，按“Shfit+右键"，选择"在此处打开命令窗口"，或"运行"->输入"CMD"，来打开命令窗口；输入并执行以下命令：

         npm -g install cordova 

         即可安装cordova（此步骤必须联网）

五、创建Cordova项目

  1）在任意位置创建一个文件夹，准备用于保存cordova创建的项目。比如“C:\myCordova”

  2）在该文件夹空白处，按"Shift+右键",选择"在此处打开命令窗口"，启动命令窗口。输入以下指令创建Cordova项目：



       cordova create myapp com.myapp myapptitle

  3）指令含义

       *cordova create 命令表示创建项目；

       *myapp表示项目名称，该名称页是项目所在的目录，即执行完毕后，将自动创建myapp目录

       *com.myapp表示项目的ID ，必须使用逆向域名方式，类似JAVA中的包名。

       *myapptitle表示app的应用标题，可省略，省略则app标题为项目名

六：添加android平台支持（此步骤必须联网）

  打开"c:\myCordova\myapp" ,在该文件夹空白处，按"Shift+右键",选择"在此处打开命令窗口"，输入以下的指令：

 cordova platform add android

如何搭建Cordova开发环境
七、打包APP
注：vue打包好的文件放入www文件，再用cordova打包即可

 1） 继续在当前命令窗口(如果关闭了，重新打开命令窗口)输入以下的指令，对当前项目myapp进行编译(打包为apk):

  cordova build android 

  2）若在该步骤将出现异常提示，无法完成编译工作，提示缺少gradle

        a)官网：https://gradle.org/

        b)将"4.gradle-4.1-all.zip"解压到C盘根目录下(实际任意目录都可以，但影响环境变量设置),如下图所示。然后将路径"C:\gradle-4.1\bin"添加到Path环境变量后面(目的，让cordova编译时，可以找到gradle 启动)。

        c)重新执行步骤7的"cordova build android "指令，重新编译，直到成功。

          重新编译时，因为要下载N多文件，过程将比较长，请耐心等待。

cordova常用命令：

$ cordova create hello com.example.hello HelloWorld    //创建命令
$ cordova platform add android --save    //添加移动端平台命令
$ cordova platform ls   //当前平台的配置状况
$ cordova build android   //安卓打包