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