windows系统
jdk1.8
Android_SDK
Node.js
一、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;(注意,不要删掉原有的东西,记得 ; 号隔开)
三:安装NodeJS1、安装 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
七、打包APP 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多文件,过程将比较长,请耐心等待。
八:在虚拟机中启动运行 打开'c:\myCordova\myapp' 文件在该文件夹空白处,按'Shift+右键',选择'在此处打开命令窗口',输入以下的指令以在虚拟机中运行myapp: cordova run android 启动过程将比较长。建议先手动启动虚拟机再执行该指令。
至此,Cordova的开发环境搭建完成。使用你所熟悉的IDE导入项目便可以开始Cordova的开发工作,个人使用Visual Studio Code。由于此篇幅太长,如何安装和使用Visual Studio Code开发cordova项目会另开一篇。
JDK和Android-SDK 是cordova打包app必须的环境,cordova将在环境变量中查找两者的位置,以便使用相关工具。所以不可省略安装
安装JDK和Android-SDK 时,目录名最好使用英文且不要带有空格