1.安裝Java環境
假如我們之前配置好過iOS環境的話，就直接從Android Studio開始配置。注意，Android配置會比iOS稍微麻煩一些。

終端執行

javac -version

Android Studio需要Java Development Kit [JDK] 1.8（暫不支援更高版本）。看看你的JDK版本是否合適

安裝Android Studio3.0 正式版

Android Studio包含了執行和測試React Native應用所需的Android SDK和模擬器。

3.安裝過程中有一些需要改動的選項：

選擇Custom選項：

勾選Performance

安裝完成後，在Android Studio的啟動歡迎介面中選擇Configure | SDK Manager。

經過長時間的下載，我們終於能打開了

在SDK Platforms視窗中，選擇Show Package Details，然後在Android 6.0 (Marshmallow)中勾選Google APIs、Android SDK Platform 23、Intel x86 Atom System Image、Intel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image。

在SDK Tools視窗中，選擇Show Package Details，然後在Android SDK Build Tools中勾選Android SDK Build-Tools 23.0.1（必須是這個版本）。然後還要勾選最底部的Android Support Repository.

4.ANDROID_HOME環境變數

確保ANDROID_HOME環境變數正確地指向了你安裝的Android SDK的路徑。具體的做法是把下面的命令加入到~/.bash_profile檔案中：(譯註：~表示使用者目錄，即/Users/你的使用者名稱/，而小數點開頭的檔案在Finder中是隱藏的，並且這個檔案有可能並不存在。請在終端下使用vi ~/.bash_profile命令建立或編輯。如不熟悉vi操作，請點選這裡學習）。如果你的命令列不是bash，而是例如zsh等其他，請使用對應的配置檔案。

# 如果你不是通過Android Studio安裝的sdk，則其路徑可能不同，請自行確定清楚。
export ANDROID_HOME=~/Library/Android/sdk

然後使用下列命令使其立即生效（否則重啟後才生效）：

source ~/.bash_profile

可以使用echo $ANDROID_HOME檢查此變數是否已正確設定。

6.開啟終端 初始化第一個RN專案
提前cd到你需要建立程式碼的地方

react-native init HelloWorld

7.開啟Android Studio

進去之後，就可以去吃飯洗澡了，第一次載入會非常慢，且自動下載JDK

管理RN的版本

檢視版本

$react-native -v (進入你的專案,檢視的就是你專案的版本)

更新專案版本 npm(Node Package Manager)

$npm update -g react-native

查詢網上RN最新的版本

$npm info react-native

升級或者降級RN 版本

$npm install –save [email protected]

安裝外掛

Mac下安裝

提示： 如果沒有templets 資料夾，你可以手動建立一個

webstorm11安裝路徑

將ReactNative.xml複製到 ~/Library/Preferences/WebStorm11/templates

webstorm2016.2安裝路徑

將ReactNative.xml複製到 ~/Library/Preferences/WebStorm2016.2/templates

重啟 WebStrom

真機除錯

1.配置IP
找到 RCTWebSocketExecutor.m 裡面的 localhost 給為你的電腦的IP地址
2.修改Bundle ID : 不改很有可能報錯!
3.Test 的Team也需要設定

安裝外掛

ReactNative-LiveTemplate-master

readme安裝使用文件

# 更新日誌

[2016-11-09]

本外掛可以配合 `react-native.d.ts` 以及 `react.d.ts` 使用，
webstorm -> language & frameworks -> javascript -> Libraries 

點選【download】按鈕，找到 react.d.ts 和 react-native.d.ts 下載, 大功告成！

[2015-12-25]

新增元件屬性,呼叫ReactNative元件時, 首先 按下 `command + J` , 然後輸入屬性名的 `首字母` 如輸入`onP` 自動提示 `onPress, onPressIn, onPressOut, .....`

# 說明
ReactNative的程式碼模板,包括:

1. 元件名稱
2. Api 名稱
3. 所有StyleSheets屬性
4. 元件屬性 [2015-12-25]新增

# 安裝

### 方法一

`file` -> `import settings` -> `ReactNative.jar`

### 方法二

Mac下安裝

> 提示： 如果沒有`templets` 資料夾，你可以手動建立一個

#### webstorm11安裝路徑
將`ReactNative.xml`復制到 `~/Library/Preferences/WebStorm11/templates`

#### webstorm2016.2安裝路徑
將`ReactNative.xml`復制到 `~/Library/Preferences/WebStorm2016.2/templates`

重啟 WebStrom

# 使用方法
### 通用方法
直接輸入`組件` 或 `Api` 名稱的`首字母`, 比如想要 `View` ,只要輸入 `V`自動提示程式碼裡就會看到 `View`

### StyleSheet屬性提示

首先 按下 `command + J` , 然後輸入屬性名的 `首字母`

如: 輸入 `f` ,會自動提示 fontSize,fontFamily,fontStyle...等等