開發平臺：windows 10 x64

目標平臺：Java Android

軟體及環境：
1. Java Development Kit 1.8.x(更高版本暫不提供支援)
2. Python 2
3. Node
4. Yarn
5. React Native命令列工具(react-native-cli)
6. Android Studio
7. Visual Studio Emulator for Android

軟體安裝及環境配置

1. JDK 1.8.x

   1. 版本選擇：選擇與作業系統對應的版本進行安裝。點選接受許可協議後，進行下載，雙擊已下載的.exe執行檔案進行安裝，可一路預設安裝，安裝路徑為C:\Program Files\Java\*

      ，包括兩個目錄：jdk和jre。

   2. 設定JAVA_HOME環境變數，依次開啟控制面板 -> 系統和安全 -> 系統 -> 高階系統設定，點選高階選項卡下的環境變數開啟環境變數配置，選擇新建，輸入變數名：JAVA_HOME，對應的變數值：C:\Program Files\Java\jdk1.8.0_151。

   3. 依次再新增變數名：CLASSPATH，變數值：.;%JAVA_HOME%\lib;；修改PATH變數，新增變數值：%JAVA_HOME%\bin。

   4. 重啟電腦，使環境變數生效或使用快捷鍵win+R輸入cmd回車，開啟cmd視窗，鍵入set PATH=C:，關閉cmd視窗。

   5. 測試是否安裝成功。重新開啟cmd視窗，鍵入java -version

      列印如下資訊：

      java version "1.8.0_151"
      Java(TM) SE Runtime Environment (build 1.8.0_151-b12)
      Java HotSpot(TM) 64-Bit Server VM (build 25.151-b12, mixed mode)

      鍵入javac -version，列印如下資訊：

      javac 1.8.0_151

2. Python 2

   1. 版本選擇：選擇與作業系統對應的版本進行安裝。下載成功後，雙擊已下載的.exe執行檔案進行安裝，可一路預設安裝，安裝路徑為C:\Python27。

   2. 配置python環境變數。修改PATH變數，新增變數值：C:\Python27

      。

   3. 重啟電腦，使環境變數生效或使用快捷鍵win+R輸入cmd回車，開啟cmd視窗，鍵入set PATH=C:，關閉cmd視窗。

   4. 測試是否安裝成功。開啟cmd視窗，鍵入python -V，列印如下資訊：

      Python 2.7.14

3. Node

   1. 版本選擇：選擇與作業系統對應的版本進行安裝。下載成功後，雙擊已下載的.exe執行檔案進行安裝，可一路預設安裝，安裝路徑為C:\Program Files\nodejs。

   2. 測試是否安裝成功。開啟cmd視窗，鍵入node -v，列印如下資訊：

      v8.9.3

      如果提示'node' 不是內部或外部命令，也不是可執行的程式 或批處理檔案。，手動修改環境變數的PATH變數，新增變數值：C:\Program Files\nodejs\。

   3. 安裝完成後可以設定npm的淘寶映象源做加速：

      npm config set registry https://registry.npm.taobao.org --global
      npm config set disturl https://npm.taobao.org/dist --global

   4. npm是node的包管理工具，安裝node時會自動安裝，檢視其版本資訊：npm -v，列印如下資訊：5.5.1。

4. Yarn(非必需)

   1. npm全域性安裝npm install -g yarn。

   2. 測試是否成功：yarn -v，列印如下資訊：1.3.2

   3. 設定淘寶映象源：

      yarn config set registry https://registry.npm.taobao.org --global
      yarn config set disturl https://npm.taobao.org/dist --global

5. React-Native cli

   1. npm全域性安裝npm install -g react-native-cli。

   2. 測試是否成功：react-native -v，列印如下資訊：

      react-native-cli: 2.0.1
      react-native: n/a - not inside a React Native project directory

6. Android Studio

   1. 雙擊執行.exe可執行檔案，進行安裝，可一路預設，安裝地址：C:\Program Files\Android\Android Studio。

   2. 安裝成功後，開啟，依次File -> Settings -> Appearance & Behavior -> System Setting -> Android SDK，勾選API Level 23，點選Apply進行安裝。

   3. 配置ANDROID_HOME環境變數，變數名：ANDROID_HOME，變數值：C:\Users\使用者名稱稱\AppData\Local\Android\sdk。

   4. PATH變數中新增Android SDK的Tools目錄。修改PATH變數，新增變數值：C:\Users\使用者名稱稱\AppData\Local\Android\sdk\tools和C:\Users\使用者名稱稱\AppData\Local\Android\sdk\platform-tools。

   5. 編輯登錄檔。使用快捷鍵win + R，輸入regedit.exe回車，開啟登錄檔編輯器，找到HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Android SDK Tools條目，找到Android SDK Tools(如果沒有新增該條目，WOW6432Node右鍵新建 -> 項，輸入Android SDK Tools)，右鍵新建 -> 字串值，內容為Path，然後雙擊該字串值，輸入數值資料：C:\Users\使用者名稱稱\AppData\Local\Android\sdk。

環境及軟體可用性測試

1. 開啟VS Emulator for Android，選擇API LEVEL 23的模擬器。

2. 建立及執行測試專案

   // 建立專案
   react-native init AwesomeProject
   // 執行專案
   cd AwesomeProject
   react-native run-android

3. 執行終端顯示BUILD SUCCESSFUL，node終端顯示編譯資訊，模擬器Welcome to React Native，修改AwesomeProject專案的App.js檔案中內容儲存，開啟模擬器，雙擊鍵盤的R鍵，會看到修改後的變化。