ionic1.x开发APP（1）环境配置

ionic1.x是基于angularjs1.x和codova的移动开发框架，是一套html5的开源移动开发框架，一次开发支持多个平台，至少支持android和ios。

ionic2.x是基于angularjs2.x和codova的移动开发框架，因本人对angularjs2.x没有深入研究，我们就讲讲ionic1.x。

先简单说一下这一系列的计划文章，预计6月底全部完成，谢谢大家支持。

ionic1.x开发APP（1）环境配置

ionic1.x开发APP（2）基本用法

ionic1.x开发APP（3）常用的指令

ionic1.x开发APP（4）使用codova插件安装及调用原生功能

ionic1.x开发APP（5）集成angularjs material增加更多的指令

ionic1.x开发APP（6）自定义指令开发

ionic1.x开发APP（7）codova插件开发

ionic1.x开发APP（8）codova非官方常用插件列表及地址

一、安装ionic/Install Ionic

1）首先您需要安装node.js,前往官方网站下载node.js对应你的电脑版本下载，双击安装。 npm install -g cordova ionic@1.7 因为使用nmp安装默认安装的是ionic最新版本，最终你会发现是ionic2.x，所以必须使用@+版本号指定版本，安装过程可能很慢，在安装之前我们可以更换npm的源，换成淘宝源，命令行执行 npm --registry https://registry.npm.taobao.org info underscore

二、通过Ionic创建一个项目

ionic start myApp tabs 默认提供3中创建模版 ionic start myApp blank //创建空白工程 ionic start myApp tabs //创建带tab的工程 ionic start myApp sidemenu  //创建带侧栏的工程

三、运行我们刚才创建的Ionic项目

在运行之前对于android，我们必须安装JDK、androidSDK 对于苹果安装Xcode（非必须），但必须在mac电脑下 1）安装JDK，直接上java官网现在JDK安装即可 2）安装androidSDK，谷歌官网需要翻墙或太慢，建议到http://www.android-doc.com/sdk/index.html下载即可 3）xcode直接App Store下载即可 苹果运行命令 cd myApp // 切换到当前工程目录，如果没有切换，运行下面指令会报错 ionic platform add ios //添加ios平台 ionic build ios //编译 ionic emulate ios //模拟器运行（ionic run ios） android运行 ionic platform add android ionic build android ionic emulate android //模拟器运行（ionic run android）