ionic —— 开发环境搭建并编译运行第一个APP

其实类似的环境已经玩了很多次了，最开始玩还是微信刚刚出来，那会儿没有智能机。只好安装一个模拟器，却只是为了注册一个微信。想想也就是够了~
前前后后折腾了很多次，可是每一次都给人不一样的感觉，也许是这个过程中习惯了，也许是对于一些事情的看法变了，渐渐的越来越顺手。比较在GFW越来越NBHH的时候还能安装SDK也是很不容易的了。最主要的是从来没有总结过，如果每一次总结一下，或者早就不用这样重复重复再重复，搜索搜索再搜索了。学习是一个总结的过程，这一次例外的总结一下。

ionic

Install Ionic

npm install -g cordova ionic

Start a project

ionic start ionicProject blank

ionicProject 指代项目目录，创建一个空白项目
其它项目：

ionic start ionicProject tabs
ionic start ionicProject sidemenu

Run it

运行一下刚刚创建的项目，运行命令：

cd ionicProject
ionic platform add android
ionic build android
ionic run android

其实上面的运行代码也是有前提的，需要安装Android开发环境，这里基本上是共通的。

1. 安装JDK
   设置环境变量PATH：jdk的位置。例如：（PATH => D:\Program Files\Java\jdk1.8.0_60\bin）

2. 安装Android SDK Manager
   设置环境变量ANDROID_HOME：Android SDK Manager的位置 例如：（PATH => D:\Program Files\Android SDK Tools）
   设置环境变量PATH：例如：（PATH => %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools）

3. 安装package
   Android SDK
   Android SDK Platform-tools
   Android SDK Build-tools

4. 如果第3步创建了模拟器
   ionic emulate android

错误分析

在安装过程中会报一些错误，按照错误提示的关键词在本文应该就可以找到答案，如果不行可以留言一起交流，然后搜搜搜。

我的环境

> ionic info
Your system information:
Cordova CLI: 5.3.1
Ionic Version: 1.0.1
Ionic CLI Version: 1.6.4
Ionic App Lib Version: 0.3.8
OS: Windows 7 SP1
Node Version: v0.12.2

参考资料

ionic官网