hybrid- Cordova环境安装配置

[-]

1. 下载nodejs
2. 安装npm
3. 安装ant
4. 安装git
5. JDK安装和SDK
6. 安装cordova
7. 创建项目
8. 添加平台
9. 添加插件
10. 编译项目还有测试项目

cordova其实就是一种移动web的框架，它的前身就是PhoneGap。后来PhoneGap捐献给Apache后，抽离出核心代码，就改名为cordova。Cordova支持如下移动操作系统：iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian。所以说应用还是很广泛的。

但是cordova的安装确实一件很麻烦的事情，所以下面介绍一下如何搭建cordova环境平台。

1. 下载node.js

官网地址是https://nodejs.org/en/，下载之后还要进行环境配置 
 
在命令行下进行测试：node -v 

2. 安装npm

其实在安装Node.js的时候，已经顺带安装好了npm。 
npm其实是node.js的包管理工具。我们在node.js上开发时，会用到很多别人写的JavaScript代码。如果我们要使用别人写的某个包，就可以直接通过npm安装使用，不用管代码存在哪，应该从哪下载。这是因为大家都把自己开发的模块打包后放到npm官网上。 

3.安装ant

官网地址：http://ant.apache.org 
从官网上下载得到一个 
解压缩之后，就要进行配置。例如我压缩的路径为：D:\Program Files (x86)\apache-ant-1.9.7

变量	路径
ANT_HOME	D:\Program Files (x86)\apache-ant-1.9.7
path	D:\Program Files (x86)\apache-ant-1.9.7\bin
classpath	D:\Program Files (x86)\apache-ant-1.9.7\lib

配置好之后，在命令行里面进行测试 

4.安装git

官网地址：https://www.git-scm.com/download/ 
安装Git之后再进行配置，配置的话可以自己baidu一下 

5.JDK安装和SDK

通常的Java和android开发人员，jdk就基本都安装和配置好的了，而sdk的话，我比较建议是直接安装android studio，因为这里面有附带安装的，而我因为一早就安装好了android studio

变量	值
JAVA_HOME	D:\Java\jdk1.8.0_91
PATH	%JAVA_HOME%\bin
CLASSPATH	.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar

6.安装cordova

经过以上一轮的艰辛操作之后，总算来到这一步了，可以进行安装了。 
命令行下输入：npm install –g cordova 
 
这一步可以说是非常非常非常慢的，通常你出去跑几圈，再喝杯咖啡回来再等，而且这还会看你的网速情况。 
安装成功之后， 

7.创建项目

cordova create hellowordl com.example.hello SMMC 
其中：

变量	说明
helloworld	创建的文件的名称
com.example.hello	创建的项目的包名
SMMC	APP客户端的名称，（不过其实可以在配置文件里面修改）

 

8.添加平台

进入刚才创建好的项目中 
cordova platform add android 
cordova platform add ios 
 
接着打开helloworld–>platforms就可以看到多了两个文件 
 
就可以分别用android studio和X-code导入项目

9.添加插件

例如文件传输，cordova plugin add cordova-plugin-file-transfer 
 
插件的使用和安装名称，都可以在相应的github上有讲解 
因为每次新安装一个插件，就会将之前各平台上的html,js,css清除，恢复原状，所以记得备份

10.编译项目还有测试项目

之前第8步说过，可以用相应的IDE编译项目，但是这里介绍的是直接在命令行进行打包和编译。进入项目的路径，输入cordova build 
 
编译好之后，就可以在模拟器上或者是真机上进行运行 
输入：cordova run android 
 
 
这里面还会生成有apk文件，接着看看模拟器 

但是如果想要测试ios的话，就只能在x-code上进行了。