天天看点

cordova 环境搭建

1.安装nodejs 

  官网下载地址:https://nodejs.org/

  安装成功之后可以使用简单命令查看其版本

node -v

安装后应该是自动配置到环境变量:D:\Program Files\nodejs\;

2.使用淘宝的国内镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

这样就安装了淘宝的cnpm命令,以后用cnpm下载的镜像都是从淘宝的服务器下,比较快一点。

3.安装cordova 

cnpm install -g cordova

-g全局的安装的意思

npm环境变量 cordova环境变量配置

C:\Users\Administrator\AppData\Roaming\npm;C:\Users\Administrator\AppData\Roaming\npm\bin

注意:npm 会自动在当前用户环境变量中配置path,如果系统没有配置还需要自己配置一下,配置的时候需要在用户环境变量中配置path(我印象中如果把npm配置到系统环境变量貌似有问题)

cordova 环境搭建

安装完cordova后,在别的目录下使用cordova命令发现cordova 不是内部或外部命令。这时需要吧cordova.cmd的路径也配置到用户的path路径下。

4.安装jdk并配置环境变量

path:注意有些时候用JAVA_HOME配置path可能会出问题,所以最好全路径也配置一下(我现在配置jdk环境变量全路径的也会配置一遍)。

5.安装ant 

下载地址:http://ant.apache.org/

创建ANT_HOME变量,指向ant的bin目录

将ant的bin目录全路径配置到环境变量

 D:\liyingjie\apache-ant-1.9.6\bin;

6.下载android sdk并配置环境变量到path

创建SDK_HOME变量指向sdk的根目录

将sdk下的platform-tools和tools配置到环境变量

7、 安装Git:

http://git-scm.com/

配置git环境变量,

D:\Program Files (x86)\Git\cmd

8、安装plugman

cnpm install -g plugman

9.执行命令测试是否安装成功

随便找一个目录打开命令行创建一个cordova项目试一下

cordova create workshop com.yourname.workshop Workshop

cd workshop

cordova platforms add android

cordova build 

(cordova build这个命令做了两个事情,cordova prepare+ cordova compile,用cordova指令安装插件后 ,只要cordova prepare,编译可以留给开发工具去做)

过程中可能出现的问题:

a:如果有不是内部外部命令,就是环境变量的问题。

b:如果cordova build报错,看看错误提示,是不是自己cordova项目AndroidManifest.xml里面android:targetSdkVersion="23",而自己的sdk的platform中没有对应版本的android平台。

如果没有就更新sdk,

如果不想更新sdk,就去你创建的cordova项目中找到androidproject folder -> platforms -> android -> AndroidManifest.xml

<uses-sdk android:minSdkVersion="10" android:targetSdkVersion="23" />这一行,把android:targetSdkVersion=“23” 修改成你sdk中有的版本。