ionic的安装

来源:互联网 发布:婚纱照相册制作软件 编辑:程序博客网 时间:2024/06/07 06:12

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 cordova@6.5.0 -g)、(cnpm install ionic@2.2.1 -g)

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

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

  9. 打包成apk文件 ionic build android

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

原创粉丝点击