多语言展示
当前在线:571今日阅读:19今日分享:20

如何搭建Cordova开发环境

本文将介绍如何windows系统中搭建Cordova开发环境,以安卓为例。
工具/原料
1

windows系统

2

jdk1.8

3

Android_SDK

4

Node.js

方法/步骤
1

一、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;(注意,不要删掉原有的东西,记得 ; 号隔开)

3

三:安装NodeJS1、安装 Node.js         官网下载:https://nodejs.org/          安装目的是借助其包含的npm工具安装开源的、移动开发框架cordova。        下载 .msi安装版本,默认安装,直到完毕。2、安装完毕后        1)以管理员身份运行Node.js command prompt.exe

4

四、安装cordova      在桌面空白处,按“Shfit+右键',选择'在此处打开命令窗口',或'运行'->输入'CMD',来打开命令窗口;输入并执行以下命令:             npm -g install cordova              即可安装cordova(此步骤必须联网)

5

五、创建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标题为项目名

6

六:添加android平台支持(此步骤必须联网)      打开'c:\myCordova\myapp' ,在该文件夹空白处,按'Shift+右键',选择'在此处打开命令窗口',输入以下的指令:     cordova platform add android

7

七、打包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多文件,过程将比较长,请耐心等待。

8

八:在虚拟机中启动运行      打开'c:\myCordova\myapp' 文件在该文件夹空白处,按'Shift+右键',选择'在此处打开命令窗口',输入以下的指令以在虚拟机中运行myapp:      cordova run android      启动过程将比较长。建议先手动启动虚拟机再执行该指令。

9

至此,Cordova的开发环境搭建完成。使用你所熟悉的IDE导入项目便可以开始Cordova的开发工作,个人使用Visual Studio Code。由于此篇幅太长,如何安装和使用Visual Studio Code开发cordova项目会另开一篇。

注意事项
1

JDK和Android-SDK 是cordova打包app必须的环境,cordova将在环境变量中查找两者的位置,以便使用相关工具。所以不可省略安装

2

安装JDK和Android-SDK 时,目录名最好使用英文且不要带有空格

推荐信息