#005 ionic 开发过程及基本用法

一 、ionic简介

ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )。
ionic 主要关注外观和体验，以及和你的应用程序的 UI 交互，特别适合用于基于 混合 模式的 HTML5 移动应用程序开发。
ionic是一个轻量的手机UI库，具有速度快，界面现代化、美观等特点。为了解决其他一些UI库在手机上运行缓慢的问题，它直接放弃了IOS6和Android4.1以下的版本支持，来获取更好的使用体验。
使用ionic需要有一些html，css，js，angularjs 基础

环境搭建：
window：http://jackytse.me/2016/ionic-development-environment-setup-windows/
mac：http://jackytse.me/2016/ionic-development-environment-setup-macosx/

ionic的css样式：
http://www.ionic.wang/css_doc-index.html#header

ionic 的js扩展指令

http://www.ionic.wang/js_doc-index.html

总结：ionic 主要注重的就是外观和交互，使开发的应用和原生应用很像。

二、Angularjs
AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。
AngularJS 通过 ng-directives 扩展了 HTML。常见的指令有：
ng-app 、ng-controller、ng-model、ng-bind 、ng-repeat 、collection-repeat、ng-click、ng-hide

注意$scope的使用，仅在当前controller中生效。
$rootScope 可作用于整个应用中。是各个 controller 中 scope 的桥梁。用 $rootscope 定义的值，可以在各个 controller 中使用。

http请求：$http.jsonp()

总结：是一个js，angularjs 主要是用来应用和服务器端数据交互。

参考树根视频。

三、webstorm开发介绍

插件安装：参照之前文章

开发主要是在www目录中
css---样式目录
js---controller等js 存放目录
templates----html页面目录

路由js存放在www／js／app.js 文件 ，关联页面和controller。

运行测试：ionic server
压包：ionic build android
ionic run android