移动开发cordova环境搭建

Cordova环境搭建

 

java jdk和android sdk的安装是必不可少的，并且最好保证电脑上只有一个jdk版本，至少在搭建完cordova之前要只有一个jdk版本，并且配置jdk的环境变量。

1.  安装node.js

下载安装node.js,https://nodejs.org/en/，安装cordova时需要使用。安装完成之后在终端（win+r,cmd）执行node -v，如果看到如下图所示的版本号表示安装成功

 

2.  安装ant

下载连接:http://ant.apache.org/，下载完成之后解压到你想安装的目录，比如D:\ant。然后将目录添加到系统变量里，步骤如下：右击我的电脑，点击属性，左侧菜单点击高级系统设置，在弹窗中点击环境变量，然后在用户变量中添加变量ANT_HOME,值为D:\ant，添加变量path，值为D:\ant\bin，添加变量classpath，值为D:\ant\lib。
配置好之后在终端输入ant -v，如果出现如下图所示则表示成功。

 

3.  安装gradle

下载链接：http://services.gradle.org/distributions/下载完成后解压到你想要的目录，点击gradle-X.X.1/bin下的gradle.bat，然后配置环境变量：

配置好之后在终端输入gradle -v，如果出现如下图所示则表示成功。

4.  安装cordova

首先cmd执行命令：npm –v

说明可以使用npm命令。

Cmd运行下面的命令：npm install -g cordova

测试安装是否成功，终端输入cordova -v，如果出现如下如所示提示表示安装成功

 

5.  创建cordova应用

1.在终端进入你想要创建的目录，执行下面的命令：

cordova create hello com.example.first firstApp

 

注意： cordovacreate是创建项目的命令，紧接着hello为目录，com.example.first为命名空间，firstApp为app名称

2.添加平台

   cd hello

   cordova platform add android

注意：cd hello即在cmd中进入刚刚新建项目的hello目录，cordova platform add android即添加的是android平台，如果是ios 则cordova platform add ios

3.编译app

cordova build android

编译android系统，最后如果看到build successful,就可以了，这里可能要等一段时间，

如果电脑上存在多个jdk版本或者gradle没有安装成功，都会提示报错。

如果没有报错则项目创建完成。

4.在Eclipse中添加cordova项目

      在添加之前，首先要安装adt插件，安装好之后在packageExplorer空白出右键—>New—>Other， 出现下图，选择Android下面的Android project from ExistingCode

点击Next,出现下面图：在Root Directory中选择刚刚创建的hello目录

选择红框中的选项，这里我已经导进去了，所以显示灰色，其他选项都可以不选，点击Finish。即导入项目。

 

运行MainActivity即可。