元旦放假三天，拿出一天研究了下React-Native的開發：

react-native , 優缺點就不介紹了先,

以Windows 10 版本 開發Android 版本為例

1. 安裝python:

1.1 先安裝python 2版本注意，不要裝3，官網有說明不支援3暫時。

1.2 下載地址:https://www.python.org/ftp/python/2.7.14/python-2.7.14.amd64.msi (基於筆者當前寫做時間的版本)

2.安裝windows 的build tools

2.1 對於windows,我們還要安裝windows 的build tools

***** 注意，在你安裝之前，你要確保你開啟了管理員賬戶，不是你當前在管理員組下就可以了，一定要是administrator賬戶才可以，
以Win10為例，因為我使用的win10 正版家庭版系統，我們需要手動開啟一下。

2.2 在開始按鈕上右鍵，選擇Windows PowerShell(管路員),

注意有兩項Windows PowerShelll，一定要是管理員，否則許可權不夠無法開啟administrator賬戶

2.3 開啟administrator賬戶命令：
net user administrator /active:yes

2.4 還需要安裝：

.NET Framework 2.0 Software Development Kit (SDK) (x64)

https://www.microsoft.com/en-us/download/details.aspx?id=15354

2.5 正題了：

執行 npm install --global --production windows-build-tools  安裝build tools

3. 安裝nodejs

3.1 nodejs 下載地址: https://nodejs.org/en/download/
3.2 檢查node js 是否安裝成功 npm -v 輸出版本資訊
3.3 安裝 react native, 執行 npm install -g react-native-cli

4. 安裝Android Studio

略，在此不做介紹了。

5.初始化工程:

在CMD或PowerShell 中，切換到你要建立APP的資料夾：

執行:react-native init OrderApp

遍建立了一個為OrderApp 的 react-native 工程:

裡面包含了android 和 IOS 的子目錄:

6. 安裝獨立除錯工具（可選）

執行命令:npm install -g react-devtools

執行 react-devtools 命令，開啟除錯工具

7. 開始除錯:

我以真機為例子:

7.1 執行 react-native start 命令，開啟react-native的服務

7.2 連結Android 真機, 在控制檯執行: adb reverse tcp:8081 tcp:8081

7.3 以debug方式安裝並除錯APP 命令: react-native run-android debug

7.4 啟動成功如下圖所示:

此時手機的APP介面:

7.5 開啟遠端除錯功能:

長按Android 真機的選單鍵（我的是小米，就是下面三個按鈕最左邊那個）,彈出如下圖所示的選單,點選第二項"Debug JS Remotely" 開啟遠端除錯功能，如果開啟成功，再次開啟此選單將看到第二項變為:Stop Remote JS Debugging

此時在瀏覽器輸入地址:http://localhost:8081/debugger-ui/

將看到如下圖所示資訊:

7.6 按Ctrl+Shift+J 開啟原始碼除錯介面，然後就可以打斷點除錯什麼的了，如下圖:

------------------以上環境加除錯全部完成 -----------------------------

**************重要備註****************

**1.注意，此處需要JDK8的支援，如果沒有請先安裝JDK8,而且一定要配置JAVA_HOME環境變數

**2.注意，一定要開啟真機開發者選項下的"允許USB安裝"的選項，否則會提示安裝失敗。

**3.注意，預設生成的Android Project的版本可能很低導致APP執行在真機，需要手動做一修改一下（比如生成的APP最高在Android 6.0 上執行，但是你的真機已經是7.+的了）

**4.注意，如果http://localhost:8081/debugger-ui/ 一直卡在Status: Loading 的狀態，請修改adb的tcp埠，debugger 執行在8081埠上，而adb tcp埠也佔用了此埠，勢必會因為端口占用衝突而卡住，修改方法，在環境變數中新增:

**************其他備註****************

1. 如果你想在目錄上右鍵執行CMD命令，那麼可以在註冊列表中新增一個新項:

在任意碟符下新建.reg檔案，輸入:
Windows Registry Editor Version 5.00

[HKEY_CLASSES_ROOT\Folder\shell\cmd\command]
@="cmd.exe /k cd %1"

儲存，然後雙擊執行