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官網