移动开发cordova环境搭建

Cordova环境搭建

 

java jdkandroid 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为命名空间,firstAppapp名称

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即可。

阅读更多
文章标签: 移动开发 cordova
个人分类: 移动开发
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭