ionic:三方框架，可以让js html css代码运行在手机端 基于angular框架

ionic环境安装

一. 安装jdk

1. 安装jdk 首先先检查一下自己有没有安装过, 如果不是1.8的, 先删除, 再安装1.8

2. 配置jdk的环境变量
   JAVA_HOME C:\Program Files\Java\jdk1.8.0_111 (jdk安装目录)
   Path %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
   CLASSPATH
   ;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

3. 在命令行下验证 java -version
   

二.安装sdk

1. 安装路径 c:\program files\android

2. 安装好之后弹出一个界面

   

3. 这个界面选择下载什么? 请参考下面的连接
   http://www.jianshu.com/p/ead6f56ddbbc

4. 下载好之后, 环境配置
   ANDROID_HOME C:\Program Files\android (安装路径)
   Path: ;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;

5. 测试有没有安装成功 在命令模式下 输入 android -h 如图所示则算成功
   

6. 安装ionic cordova(是一个三方的,可以调用操作系统硬件接口)
   cnpm install ionic cordova -g
   然后输入cordova -v ionic -v 测试
   目前下载的版本（cnpm install ionic [email protected] -g）、（cnpm install [email protected] -g）

7. 下载app模板
   先确定一个工程文件夹 然后到该文件夹下 打开命令行窗口
   输入ionic start app1 这是在下载一套 app 模板

8. 添加平台, 到工程文件夹下, 打开命令行窗口输入 ionic platform add android

9. 打包成apk文件 ionic build android

10. 将成功打包的apk文件安装到安卓手机上