Ionic 开发hybird app

ionic官网

环境

安装 lantern

目标： 防止类似 node-sass 这样的npm包安装不上, 保障node环境的顺利搭建

安装 lantern

或者 .编辑 ~/.npmrc 加入下面内容

//采用国内镜像
registry = http://registry.cnpmjs.org

安装 cordova ionic

目标：

cordova 允许我们采用JavaScript调用手机的api.

ionic 提供一堆命令，工具，控件，流程，让我们用html + css + js 来开发 hybird App

ionic 内部集成cordova

npm install -g cordova
npm install -g ionic

创建一个 ionic 项目

目标: 利用ionic提供的工具构建一个开发环境

创建文件夹，准备启动一个ionic项目

cd ~/users/l/document/

ionic --help

ionic start dribbble tabs

cd dribbble

ionic setup sass

在浏览器中调试代码

ionic serve

也可以采用 ionic lab

在android手机上调试

这一步需要提前做3步比较麻烦的工作

做完之后,用数据线连接手机,运行以下命令即可

其他的开发就是正常的cordova + angular

ionic platform add android
ionic build android
ionic run android

真机调试需要的三步麻烦工作

目标: 一切都是为了让我们能编译一个android系统中的.apk文件

这一部分 可能更新很快 所以以官方文档为准

Android Platform Guide;

目前阶段，核心是以下三步

• jdk和环境变量设置
• android sdk
• android sdk 设置 以及进一步的安装

android sdk安装过程中注意 把代理服务器换成国内的,速度会快好多.

『Android SDK Manager - Settings』
「HTTP Proxy Server」  =>   mirrors.neusoft.edu.cn
「HTTP Proxy Port」    =>   80
选中「Force https://... sources to be fetched using http://...」