Ionic官方的介绍:

Ionic(ionicframework)一款接近原生的Html5移动App开发框架 会html css js就可以开发app 创建精彩的应用 从这里开始。

动图

接下来为大家奉上开发Ionic应用的流程。

1.安装java jdk运行环境并配置环境变量;

1
在命令窗口分别输入`java`和`javac` 验证安装配置状态

2.安装Android Studio并配置环境变量;

1
在命令窗口分别输入`android`和`adb` 验证安装配置状态

3.在全英文路径的目录里输入以下命令:

1
2
3
4
5
6
7
ionic start myapp tabs 使用这个命令创建一个App工程
ionic serve 使用这个命令启动应用,会自动在浏览器中打开应用
ionic platform add android或者ionic platform add ios 这个命令是为工程添加平台编译选项
ionic build android或者ionic build ios 进行编译

4.之后会在 prj\platforms\android\build\outputs\apk 目录下看到已经编译完成的apk文件,把他装到虚拟机或者手机上就可以看到效果了。