您现在的位置:首页 >> 前端 >> 内容

ionic环境安装教程

时间:2017/10/19 8:35:00 点击:

  核心提示:ionic:三方框架,可以让js html css代码运行在手机端 基于angular框架ionic环境安装一. 安装jdk安装jdk 首先先检查一下自己有没有安装过, 如果不是1.8的, 先删除, ...

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

ionic环境安装

一. 安装jdk

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

配置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;

在命令行下验证 java -version

ionic环境安装教程

二.安装sdk

安装路径 c:\program files\android

安装好之后弹出一个界面

ionic环境安装教程

这个界面选择下载什么? 请参考下面的连接

https://www.jianshu.com/p/ead6f56ddbbc

下载好之后, 环境配置

ANDROID_HOME C:\Program Files\android (安装路径)

Path: ;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;

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

ionic环境安装教程

安装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)

下载app模板

先确定一个工程文件夹 然后到该文件夹下 打开命令行窗口

输入ionic start app1 这是在下载一套 app 模板

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

打包成apk文件 ionic build android

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

Tags:IO ON NI IC 
作者:网络 来源:kuke_kuke的