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_HOMED:\Program Files (x86)\apache-ant-1.9.7pathD:\Program Files (x86)\apache-ant-1.9.7\binclasspathD:\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_HOMED:\Java\jdk1.8.0_91PATH%JAVA_HOME%\binCLASSPATH.;%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创建的项目的包名SMMCAPP客户端的名称，（不过其实可以在配置文件里面修改）

 

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上进行了。