Ionic入门学习（一）

Ionic英文官网地址：http://ionicframework.com/

Ionic中文官网地址：http://www.ionic.wang/

开始体验：http://www.ionic.wang/start-index.html

根据官网说明：

1、安装Ionic，首先要安装Node.js，然后执行，myapp为我们的项目名称，可以修改自己想创建的项目名称；

ionic start myApp tabs

安装目录为：

2、通过Ionic创建一个项目；执行

ionic start myApp tabs

当用Chrome浏览器直接打开时，页面可能会是空白；这个时候找到桌面Chrome快捷方式，右键属性，在目标框中，最后面空格之后添加一句 --disable-web-security即可

打开Chrome浏览器，出现如下图，则说明浏览器可以跨域访问：

3、运行我们的项目

（一）可以在Chrome浏览器运行我们的项目；

然后打开我们Ionic创建的myapp项目下的index，就可以看到运行的效果；这里就不再展示效果图了，相信你已经打开了；

然后Ctral+Shift+I 进入审查元素模式，也可以在网页上右键，点击审查元素；可以看到项目的效果；

2、创建android应用

 首先要有SDK，并配置环境变量：

For Windows:

set ANDROID_HOME=C:\\android-sdk-windows //备注，SDK路径；

set PATH=%PATH%;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools

然后执行官网代码：

cd myApp
ionic platform add android
ionic build android
ionic emulate android

不完善的待续。。。